XP(三系统,内测)
原题链接:172048.【内测】国际象棋C++0.52026-10-20 17:21:37
发布于:浙江
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Windows 安装程序模拟器</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
/* 全局字体设置 */
body {
font-family: 'Tahoma', 'Segoe UI', sans-serif;
overflow: hidden;
background-color: #000;
user-select: none;
cursor: default;
}
/* 动画定义 */
.fade-in { animation: fadeIn 0.5s ease-in forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
/* --- Windows XP 特定样式 --- */
.xp-blue-bg {
background: linear-gradient(to bottom, #245EDC 0%, #3E80F3 50%, #245EDC 100%);
}
.xp-sidebar {
background: linear-gradient(to right, #7BA2E7 0%, #6375D6 100%);
}
.xp-btn {
border: 1px solid #003c74;
background: linear-gradient(to bottom, #fff 0%, #ece9d8 100%);
box-shadow: inset 1px 1px #fff, inset -1px -1px #aca899;
color: black;
}
.xp-btn:active {
box-shadow: inset 1px 1px #aca899, inset -1px -1px #fff;
padding-top: 2px; /* 模拟按压位移 */
}
.xp-progress-bar {
background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
animation: progress-stripes 1s linear infinite;
}
@keyframes progress-stripes {
0% { background-position: 1rem 0; }
100% { background-position: 0 0; }
}
/* --- Windows 95 特定样式 --- */
.win95-bg { background-color: #008080; }
.win95-window {
background-color: #c0c0c0;
border-top: 2px solid #dfdfdf;
border-left: 2px solid #dfdfdf;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
box-shadow: 2px 2px 0 #000;
}
.win95-titlebar {
background: linear-gradient(to right, #000080, #1084d0);
color: white;
font-weight: bold;
padding: 2px 4px;
letter-spacing: 1px;
}
.win95-btn {
background-color: #c0c0c0;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
box-shadow: 1px 1px 0 #000;
active: border-top: 2px solid #000;
active: border-left: 2px solid #000;
active: border-right: 2px solid #fff;
active: border-bottom: 2px solid #fff;
}
.win95-btn:active {
border-top: 2px solid #000;
border-left: 2px solid #000;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: translate(1px, 1px);
}
.win95-inset {
border-top: 2px solid #000;
border-left: 2px solid #000;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
background: white;
}
/* --- Windows 8.1 特定样式 --- */
.win8-bg {
background-color: #4e0f5b;
background-image: radial-gradient(circle at center, #5e186e 0%, #2a0530 100%);
}
.win8-loader-dot {
animation: win8-spin 2.5s infinite linear;
transform-origin: 50% 50%;
}
@keyframes win8-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
</head>
<body class="h-screen w-screen flex items-center justify-center text-sm">
<!-- ================= 启动选择器 ================= -->
<div id="boot-selector" class="bg-black text-white p-8 rounded-lg shadow-2xl border border-gray-700 flex flex-col gap-4 z-50 w-96">
<h1 class="text-2xl font-bold mb-4 text-center text-green-400 font-mono tracking-widest">BOOT MENU</h1>
<p class="text-gray-400 text-xs mb-2 text-center font-mono">Select Operating System to Install:</p>
<button onclick="startInstall('xp')" class="flex items-center gap-4 p-3 hover:bg-gray-800 rounded transition border border-gray-700 group text-left">
<i class="fas fa-windows text-blue-500 text-2xl"></i>
<div>
<div class="font-bold text-lg">Windows XP</div>
<div class="text-xs text-gray-500 font-mono">Professional SP3</div>
</div>
</button>
<button onclick="startInstall('95')" class="flex items-center gap-4 p-3 hover:bg-gray-800 rounded transition border border-gray-700 group text-left">
<i class="fas fa-desktop text-gray-400 text-2xl"></i>
<div>
<div class="font-bold text-lg">Windows 95</div>
<div class="text-xs text-gray-500 font-mono">OSR2 Retail</div>
</div>
</button>
<button onclick="startInstall('81')" class="flex items-center gap-4 p-3 hover:bg-gray-800 rounded transition border border-gray-700 group text-left">
<i class="fab fa-windows text-purple-500 text-2xl"></i>
<div>
<div class="font-bold text-lg">Windows 8.1</div>
<div class="text-xs text-gray-500 font-mono">Pro Update 1</div>
</div>
</button>
</div>
<!-- ================= Windows XP 安装界面 ================= -->
<div id="xp-container" class="hidden w-full h-full xp-blue-bg flex flex-col relative font-sans">
<!-- 顶部标题栏 -->
<div class="h-12 bg-white flex items-center px-4 shadow-md z-10 select-none">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e2/Windows_logo_and_wordmark_-_2001-2006.svg/1024px-Windows_logo_and_wordmark_-_2001-2006.svg.png" class="h-8 mr-3" alt="Logo">
<span class="text-gray-600 font-bold text-lg">Windows Setup</span>
</div>
<div class="flex-1 flex">
<!-- 左侧边栏 -->
<div class="w-64 xp-sidebar p-6 flex flex-col justify-between text-white shadow-inner select-none">
<div>
<h2 class="text-2xl font-bold mb-2">Installing Windows</h2>
<p class="text-sm opacity-90 leading-relaxed">Please wait while Setup installs Windows on your computer.</p>
</div>
<div class="mt-auto">
<div class="text-xs opacity-75 mb-1 font-mono">Time remaining: <span id="xp-time">39 minutes</span></div>
<div class="w-full bg-blue-900 h-4 rounded-sm overflow-hidden border border-blue-700 shadow-inner">
<div id="xp-progress" class="h-full bg-green-500 w-0 transition-all duration-300"></div>
</div>
</div>
</div>
<!-- 右侧主区域 -->
<div class="flex-1 bg-white p-8 flex flex-col items-center justify-center relative">
<!-- 1. 欢迎页 -->
<div id="xp-welcome" class="w-full max-w-lg text-center fade-in">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e2/Windows_logo_and_wordmark_-_2001-2006.svg/1024px-Windows_logo_and_wordmark_-_2001-2006.svg.png" class="h-16 mx-auto mb-6" alt="Logo">
<h3 class="text-xl font-bold text-gray-700 mb-4">Welcome to Setup</h3>
<p class="text-gray-600 mb-8 text-sm leading-loose text-left px-4">
This portion of the Setup program prepares Microsoft<br>
Windows XP to run on your computer.<br><br>
To set up Windows XP now, press ENTER.<br>
To repair a Windows XP installation using Recovery<br>
Console, press R.<br>
To quit Setup without installing Windows XP, press F3.
</p>
<div class="flex justify-center">
<button onclick="xpNextStep()" class="xp-btn px-8 py-1 text-sm font-bold focus:outline-none min-w-[100px]">ENTER</button>
</div>
</div>
<!-- 2. 许可协议 -->
<div id="xp-license" class="hidden w-full max-w-lg flex flex-col h-96 fade-in">
<h3 class="font-bold text-gray-800 mb-2 text-left">License Agreement</h3>
<div class="win95-inset flex-1 p-2 overflow-y-auto text-xs font-mono bg-white mb-4 cursor-text">
<p class="mb-2 font-bold">MICROSOFT SOFTWARE LICENSE TERMS</p>
<p>WINDOWS OPERATING SYSTEM</p>
<p class="mt-2">These license terms are an agreement between Microsoft Corporation (or based on where you live, one of its affiliates) and you. Please read them. They apply to the software named above, which includes the media on which you received it, if any.</p>
<p class="mt-2">BY USING THE SOFTWARE, YOU ACCEPT THESE TERMS. IF YOU DO NOT ACCEPT THEM, DO NOT USE THE SOFTWARE.</p>
<p class="mt-2">IF YOU COMPLY WITH THESE LICENSE TERMS, YOU HAVE THE RIGHTS BELOW.</p>
<p class="mt-2">1. INSTALLATION AND USE RIGHTS.</p>
<p>a. General. You may install and use one copy of the software on one device.</p>
<p class="mt-2 text-gray-400">... (Scroll down for more) ...</p>
</div>
<div class="flex justify-between items-center mt-auto">
<label class="flex items-center text-sm cursor-pointer select-none">
<input type="checkbox" id="xp-agree-check" class="mr-2 accent-blue-600">
I accept the agreement
</label>
<button onclick="xpLicenseNext()" class="xp-btn px-4 py-1 text-sm disabled:opacity-50 disabled:cursor-not-allowed" id="xp-next-btn" disabled>Next ></button>
</div>
</div>
<!-- 3. 安装进度 -->
<div id="xp-installing" class="hidden w-full max-w-lg flex flex-col items-center fade-in">
<div class="flex gap-2 mb-6">
<div class="w-3 h-3 bg-gray-400 rounded-full animate-bounce" style="animation-delay: 0s"></div>
<div class="w-3 h-3 bg-gray-400 rounded-full animate-bounce" style="animation-delay: 0.1s"></div>
<div class="w-3 h-3 bg-gray-400 rounded-full animate-bounce" style="animation-delay: 0.2s"></div>
</div>
<p class="text-gray-800 font-bold mb-1 text-lg" id="xp-status-text">Setup is starting...</p>
<p class="text-xs text-gray-500 mb-8 font-mono" id="xp-sub-text">windowsxp.sp3</p>
<div class="w-full bg-gray-200 h-6 border border-gray-400 relative shadow-inner">
<div id="xp-install-bar" class="h-full bg-blue-600 w-0 xp-progress-bar"></div>
</div>
</div>
<!-- 4. 完成页 -->
<div id="xp-finish" class="hidden text-center fade-in">
<i class="fas fa-check-circle text-green-600 text-6xl mb-6 drop-shadow-md"></i>
<h3 class="text-2xl font-bold text-gray-700 mb-2">Installation Complete</h3>
<p class="text-gray-600 mb-8">Windows XP has been successfully installed.</p>
<button onclick="location.reload()" class="xp-btn px-8 py-2 font-bold shadow-lg">Restart Now</button>
</div>
<div class="absolute bottom-4 left-0 w-full text-center text-xs text-gray-400 select-none">
Press F1 for Help
</div>
</div>
</div>
</div>
<!-- ================= Windows 95 安装界面 ================= -->
<div id="win95-container" class="hidden w-full h-full win95-bg flex items-center justify-center relative">
<div class="win95-window w-[640px] h-[480px] flex flex-col">
<!-- 标题栏 -->
<div class="win95-titlebar flex justify-between items-center select-none">
<div class="flex items-center gap-2">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4e/Windows_95_logo.svg/1024px-Windows_95_logo.svg.png" class="h-4 w-4 opacity-80" alt="">
<span>Windows 95 Setup</span>
</div>
<div class="flex gap-1">
<button class="win95-btn w-4 h-4 flex items-center justify-center text-[10px] leading-none pb-1 font-bold">_</button>
<button class="win95-btn w-4 h-4 flex items-center justify-center text-[10px] leading-none font-bold">×</button>
</div>
</div>
<!-- 菜单栏 -->
<div class="bg-[#c0c0c0] px-2 py-1 text-sm border-b border-white flex gap-4 select-none">
<span class="underline cursor-pointer">F</span>ile
<span class="underline cursor-pointer">E</span>dit
<span class="underline cursor-pointer">H</span>elp
</div>
<!-- 内容区 -->
<div class="flex-1 bg-[#c0c0c0] p-6 flex flex-col relative select-none">
<!-- 步骤1: 欢迎 -->
<div id="win95-step1" class="flex-1 flex flex-col fade-in">
<div class="flex gap-6 mb-6 items-center">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4e/Windows_95_logo.svg/1024px-Windows_95_logo.svg.png" class="w-20 h-20 object-contain" alt="Win95 Logo">
<div>
<h2 class="font-bold text-xl mb-2">Welcome to Windows 95 Setup</h2>
<p class="text-sm leading-relaxed">Setup will help you install Windows 95 on your computer. Press Continue to start Setup.</p>
</div>
</div>
<div class="win95-inset p-2 bg-white h-32 overflow-y-auto text-xs font-mono mb-6 shadow-inner">
<div class="mb-1">Checking your system configuration...</div>
<div class="text-green-700">CPU: Intel 486DX2-66 ... OK</div>
<div class="text-green-700">Memory: 16MB RAM ... OK</div>
<div class="text-green-700">Hard Disk: 540MB Free ... OK</div>
<div class="mt-2 text-gray-500">System resources are sufficient.</div>
</div>
<div class="flex justify-end gap-3 mt-auto">
<button onclick="win95Next(2)" class="win95-btn px-6 py-1 text-sm font-bold active:border-t-2 active:border-l-2 active:border-r-black active:border-b-black">Continue</button>
<button class="win95-btn px-6 py-1 text-sm font-bold">Cancel</button>
</div>
</div>
<!-- 步骤2: 用户信息 -->
<div id="win95-step2" class="hidden flex-1 flex flex-col fade-in">
<h2 class="font-bold text-lg mb-6">User Information</h2>
<div class="grid grid-cols-[120px_1fr] gap-4 items-center mb-2">
<label class="text-sm text-right pt-1">Name:</label>
<input type="text" value="User" class="win95-inset px-2 py-1 text-sm outline-none">
<label class="text-sm text-right pt-1">Company:</label>
<input type="text" value="Home" class="win95-inset px-2 py-1 text-sm outline-none">
</div>
<div class="flex justify-end gap-3 mt-auto">
<button onclick="win95Next(1)" class="win95-btn px-4 py-1 text-sm font-bold">< Back</button>
<button onclick="win95Next(3)" class="win95-btn px-6 py-1 text-sm font-bold">Continue</button>
</div>
</div>
<!-- 步骤3: 复制文件 -->
<div id="win95-step3" class="hidden flex-1 flex flex-col items-center justify-center fade-in">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4e/Windows_95_logo.svg/1024px-Windows_95_logo.svg.png" class="w-24 mb-6 opacity-80" alt="Win95 Logo">
<p class="mb-6 font-bold text-lg">Setup is copying files...</p>
<div class="w-full bg-gray-400 h-4 border border-gray-600 relative mb-2 shadow-inner">
<div id="win95-progress" class="h-full bg-black w-0 transition-all duration-100"></div>
</div>
<p class="text-xs font-mono mt-2 h-4" id="win95-file-name">msdos.sys</p>
</div>
<!-- 步骤4: 完成 -->
<div id="win95-step4" class="hidden flex-1 flex flex-col items-center justify-center fade-in">
<h2 class="font-bold text-xl mb-4">Setup Complete</h2>
<p class="mb-8 text-center px-12">You must restart your computer before the new settings take effect. Click Restart Computer to restart your computer now.</p>
<button onclick="location.reload()" class="win95-btn px-8 py-2 font-bold">Restart Computer</button>
</div>
</div>
<!-- 状态栏 -->
<div class="bg-[#c0c0c0] border-t border-white p-1 text-xs flex gap-4 select-none">
<span class="border border-gray-500 border-b-white border-r-white px-2 flex-1 shadow-inner">Ready</span>
</div>
</div>
</div>
<!-- ================= Windows 8.1 安装界面 ================= -->
<div id="win8-container" class="hidden w-full h-full win8-bg flex flex-col items-center justify-center text-white relative">
<!-- 加载圈 -->
<div id="win8-loader" class="flex flex-col items-center fade-in">
<div class="relative w-16 h-16 mb-8">
<!-- 简单的CSS旋转点模拟 -->
<div class="absolute w-2 h-2 bg-white rounded-full top-0 left-1/2 -translate-x-1/2 origin-[50%_28px] animate-[spin_1s_linear_infinite]" style="animation-delay: 0s"></div>
<div class="absolute w-2 h-2 bg-white rounded-full top-0 left-1/2 -translate-x-1/2 origin-[50%_28px] animate-[spin_1s_linear_infinite]" style="animation-delay: 0.1s"></div>
<div class="absolute w-2 h-2 bg-white rounded-full top-0 left-1/2 -translate-x-1/2 origin-[50%_28px] animate-[spin_1s_linear_infinite]" style="animation-delay: 0.2s"></div>
<div class="absolute w-2 h-2 bg-white rounded-full top-0 left-1/2 -translate-x-1/2 origin-[50%_28px] animate-[spin_1s_linear_infinite]" style="animation-delay: 0.3s"></div>
<div class="absolute w-2 h-2 bg-white rounded-full top-0 left-1/2 -translate-x-1/2 origin-[50%_28px] animate-[spin_1s_linear_infinite]" style="animation-delay: 0.4s"></div>
</div>
<p class="text-xl font-light">Getting ready</p>
<p class="text-sm opacity-70 mt-2">Don't turn off your PC</p>
</div>
<!-- 安装主界面 -->
<div id="win8-setup" class="hidden w-full h-full flex flex-col absolute top-0 left-0 fade-in">
<!-- 顶部语言选择 (模拟) -->
<div class="p-12 flex justify-between items-start select-none">
<div>
<h1 class="text-4xl font-light mb-2">Windows Setup</h1>
<p class="opacity-80 text-lg">Install Windows 8.1</p>
</div>
</div>
<!-- 中间表单 -->
<div class="flex-1 flex items-center justify-center">
<div class="w-[500px] bg-black/20 p-8 backdrop-blur-sm border border-white/10 shadow-2xl">
<!-- 步骤指示器 -->
<div class="flex gap-1 mb-8">
<div class="h-1 flex-1 bg-white transition-colors" id="win8-indicator-1"></div>
<div class="h-1 flex-1 bg-white/30 transition-colors" id="win8-indicator-2"></div>
<div class="h-1 flex-1 bg-white/30 transition-colors" id="win8-indicator-3"></div>
</div>
<!-- 页面1: 现在安装 -->
<div id="win8-page1" class="fade-in">
<h2 class="text-2xl font-light mb-6">Which type of installation do you want?</h2>
<div class="space-y-4">
<button onclick="win8Next(2)" class="w-full bg-white/10 hover:bg-white/20 border border-white/30 p-4 text-left transition group">
<div class="font-bold text-lg group-hover:translate-x-1 transition-transform">Upgrade: Install Windows and keep files, settings, and applications</div>
<div class="text-sm opacity-70 mt-1">Only available if your PC is currently running a compatible version of Windows.</div>
</button>
<button onclick="win8Next(2)" class="w-full bg-white/10 hover:bg-white/20 border border-white/30 p-4 text-left transition group">
<div class="font-bold text-lg group-hover:translate-x-1 transition-transform">Custom: Install Windows only (advanced)</div>
<div class="text-sm opacity-70 mt-1">No files, settings, or applications will be kept. Use this option for a clean installation.</div>
</button>
</div>
</div>
<!-- 页面2: 条款 -->
<div id="win8-page2" class="hidden fade-in">
<h2 class="text-2xl font-light mb-4">Applicable notices and license terms</h2>
<div class="h-48 bg-black/40 p-4 overflow-y-auto text-sm mb-4 border border-white/10 custom-scrollbar">
<p class="mb-2 font-bold">MICROSOFT SOFTWARE LICENSE TERMS</p>
<p class="opacity-80">WINDOWS 8.1</p>
<p class="mt-2 opacity-70">Single Language / Core / Pro</p>
<p class="mt-4">1. OVERVIEW. These license terms are an agreement between you and Microsoft Corporation (or one of its affiliates). They apply to the software named above and any Microsoft services or software updates (except to the extent such services or updates are accompanied by new or additional terms, in which case those different terms apply prospectively and do not alter your or Microsoft’s rights relating to pre-updated software or services).</p>
<p class="mt-2">IF YOU COMPLY WITH THESE LICENSE TERMS, YOU HAVE THE RIGHTS BELOW.</p>
</div>
<label class="flex items-center gap-3 cursor-pointer hover:bg-white/10 p-2 rounded transition select-none">
<input type="checkbox" id="win8-accept" class="w-4 h-4 accent-purple-600 cursor-pointer">
<span>I accept the license terms</span>
</label>
<div class="flex justify-end mt-6">
<button onclick="win8Next(3)" id="win8-accept-btn" class="bg-white text-black px-8 py-2 font-bold disabled:opacity-50 disabled:cursor-not-allowed hover:bg-gray-200 transition" disabled>Accept</button>
</div>
</div>
<!-- 页面3: 安装中 -->
<div id="win8-page3" class="hidden fade-in text-center py-10">
<h2 class="text-2xl font-light mb-2">Installing Windows</h2>
<p class="opacity-70 mb-10">Your PC will restart several times. This might take a while.</p>
<div class="space-y-6 text-left max-w-xs mx-auto">
<div class="flex items-center gap-4 transition-opacity duration-500" id="win8-task-1">
<i class="fas fa-check text-green-400 w-5"></i>
<span class="opacity-50">Copying Windows files</span>
</div>
<div class="flex items-center gap-4 transition-opacity duration-500" id="win8-task-2">
<i class="fas fa-circle-notch fa-spin text-white w-5"></i>
<span>Getting files ready for installation</span>
<span class="ml-auto text-sm opacity-70 font-mono" id="win8-percent">0%</span>
</div>
<div class="flex items-center gap-4 opacity-30 transition-opacity duration-500" id="win8-task-3">
<i class="far fa-circle w-5"></i>
<span>Installing features</span>
</div>
<div class="flex items-center gap-4 opacity-30 transition-opacity duration-500" id="win8-task-4">
<i class="far fa-circle w-5"></i>
<span>Installing updates</span>
</div>
<div class="flex items-center gap-4 opacity-30 transition-opacity duration-500" id="win8-task-5">
<i class="far fa-circle w-5"></i>
<span>Finishing up</span>
</div>
</div>
</div>
<!-- 页面4: 完成 -->
<div id="win8-page4" class="hidden text-center fade-in">
<h2 class="text-3xl font-light mb-4">All done!</h2>
<p class="mb-10 opacity-80 text-lg">Enjoy your new Windows 8.1 experience.</p>
<button onclick="location.reload()" class="border border-white px-8 py-2 hover:bg-white hover:text-black transition font-bold">Restart</button>
</div>
</div>
</div>
</div>
</div>
<script>
// 全局状态管理
function startInstall(os) {
document.getElementById('boot-selector').classList.add('hidden');
if (os === 'xp') {
const container = document.getElementById('xp-container');
container.classList.remove('hidden');
container.classList.add('fade-in');
} else if (os === '95') {
const container = document.getElementById('win95-container');
container.classList.remove('hidden');
container.classList.add('fade-in');
} else if (os === '81') {
const container = document.getElementById('win8-container');
container.classList.remove('hidden');
container.classList.add('fade-in');
simulateWin8Loader();
}
}
/* ================= Windows XP Logic ================= */
let xpStep = 0;
function xpNextStep() {
const welcome = document.getElementById('xp-welcome');
const license = document.getElementById('xp-license');
if (xpStep === 0) {
welcome.classList.add('hidden');
license.classList.remove('hidden');
license.classList.add('fade-in');
xpStep = 1;
}
}
document.getElementById('xp-agree-check').addEventListener('change', function(e) {
document.getElementById('xp-next-btn').disabled = !e.target.checked;
});
function xpLicenseNext() {
document.getElementById('xp-license').classList.add('hidden');
document.getElementById('xp-installing').classList.remove('hidden');
document.getElementById('xp-installing').classList.add('fade-in');
startXPInstallProcess();
}
function startXPInstallProcess() {
const bar = document.getElementById('xp-install-bar');
const statusText = document.getElementById('xp-status-text');
const subText = document.getElementById('xp-sub-text');
const sidebarProgress = document.getElementById('xp-progress');
const timeRemaining = document.getElementById('xp-time');
let progress = 0;
const stages = [
{ pct: 10, text: "Loading files...", sub: "windowsxp.sp3" },
{ pct: 30, text: "Collecting information...", sub: "hardware detection" },
{ pct: 50, text: "Copying files...", sub: "ntoskrnl.exe" },
{ pct: 70, text: "Installing devices...", sub: "display drivers" },
{ pct: 90, text: "Saving settings...", sub: "finalizing" }
];
let stageIndex = 0;
const interval = setInterval(() => {
progress += Math.random() * 1.5;
if (progress > 100) progress = 100;
bar.style.width = progress + '%';
sidebarProgress.style.width = progress + '%';
// Update stage text
if (stageIndex < stages.length && progress >= stages[stageIndex].pct) {
statusText.innerText = stages[stageIndex].text;
subText.innerText = stages[stageIndex].sub;
stageIndex++;
// Update fake time
let mins = 39 - Math.floor((progress / 100) * 35);
timeRemaining.innerText = mins + " minutes";
}
if (progress >= 100) {
clearInterval(interval);
setTimeout(() => {
document.getElementById('xp-installing').classList.add('hidden');
document.getElementById('xp-finish').classList.remove('hidden');
document.getElementById('xp-finish').classList.add('fade-in');
}, 500);
}
}, 100);
}
/* ================= Windows 95 Logic ================= */
function win95Next(step) {
// Hide all steps
for(let i=1; i<=4; i++) {
document.getElementById(`win95-step${i}`).classList.add('hidden');
}
// Show target step
const target = document.getElementById(`win95-step${step}`);
target.classList.remove('hidden');
target.classList.add('fade-in');
if (step === 3) {
startWin95Copy();
}
}
function startWin95Copy() {
const bar = document.getElementById('win95-progress');
const fileName = document.getElementById('win95-file-name');
const files = ["io.sys", "msdos.sys", "command.com", "kernel32.dll", "user.exe", "gdi.exe", "explorer.exe", "setup.exe"];
let progress = 0;
let fileIndex = 0;
const interval = setInterval(() => {
progress += 1.2;
if (progress > 100) progress = 100;
bar.style.width = progress + '%';
if (Math.random() > 0.8 && fileIndex < files.length) {
fileName.innerText = files[fileIndex];
fileIndex++;
}
if (progress >= 100) {
clearInterval(interval);
setTimeout(() => {
win95Next(4);
}, 500);
}
}, 50);
}
/* ================= Windows 8.1 Logic ================= */
function simulateWin8Loader() {
setTimeout(() => {
document.getElementById('win8-loader').classList.add('hidden');
document.getElementById('win8-setup').classList.remove('hidden');
document.getElementById('win8-setup').classList.add('fade-in');
}, 2500);
}
function win8Next(page) {
// Hide all pages
for(let i=1; i<=4; i++) {
document.getElementById(`win8-page${i}`).classList.add('hidden');
}
// Update indicators
if (page > 1) document.getElementById('win8-indicator-1').classList.replace('bg-white/30', 'bg-white');
if (page > 2) document.getElementById('win8-indicator-2').classList.replace('bg-white/30', 'bg-white');
const target = document.getElementById(`win8-page${page}`);
这里空空如也













有帮助,赞一个