javaｓｃｒｉｐｔ实现简单的倒计时窗口演示图
最近已经完成了一个简单的安装页面，因为需要重新启动设备，所以您需要在界面上添加倒计时窗口。最初的想法是定制一个警报弹出，但很快发现警报将停留在那里等待点击确认，而不是自动连续显示效果。
后来，这是可能实现的弹出窗口，是直接和隐藏在基于这个想法部有以下：
先看看效果图：
再看一遍源代码：
复制代码代码如下所示：
在制备
我们正在努力重新启动你的手术…还要等4秒。
取消
手上有
重启操作正在进行中…还需要14秒。
|
脚本类型
无功cancel_flag = 0；
var = 0；
加载/*操作。
在window.onload =启动（）；
单击重新启动按钮
函数重新启动（）{
如果（确认）（该操作断开所有的连接，并重新启动您的设备，你要继续操作{）
document.getelementbyid（reboot_pre_time ）.innerHTML = 4；
document.getelementbyid（reboot_ing_time ）.innerHTML = 14；
document.all.progress_reboot.innerhtml =| ；
download_flag = 0；
cancel_flag = 0；
已经0；
setTimeout（showdiv（'reboot_pre ）
delaypre_reboot（reboot_pre_time ）；
}
}
准备重新开始倒计时到5秒。
功能delaypre_reboot（STR）{
如果（！cancel_flag）{
变量延迟= document.getelementbyid（STR）。InnerHTML；
如果（延迟> 0）{
延迟；
document.getelementbyid（STR）.innerHTML =延迟；
setTimeout（delaypre_reboot（'reboot_pre_time ）
{人}
HideDiv（reboot_pre ）；
setTimeout（showdiv（'reboot_ing ）
delaydo_reboot（reboot_ing_time ）；
}
}
}
在POP中重新启动时间15秒。
功能delaydo_reboot（STR）{
（100）display_reboot；
变量延迟= document.getelementbyid（STR）。InnerHTML；
如果（延迟> 0）{
延迟；
document.getelementbyid（STR）.innerHTML =延迟；
setTimeout（delaydo_reboot（'reboot_ing_time ）
{人}
HideDiv（reboot_ing ）；
警报（重启成功！);
}
}
取消按钮事件*准备重新启动
功能reboot_cancel（）{
cancel_flag = 1；
HideDiv（reboot_pre ）；
警报（）您已成功地取消了重新启动操作！；
}
显示弹出窗口 / * * /
功能showdiv（STR）{
document.getelementbyid（STR）。style.visibility =可见；
}
隐藏POP / ***
功能hidediv（STR）{
document.getelementbyid（STR）。style.visibility =隐藏；
}
在弹出时间/移动缓冲带中重新启动
功能display_reboot（max）{
已经+；
无功dispobj = document.all.progress_reboot；
dispobj.style.width = 100 *已经 / MAX +PX；
document.all.progress_reboot.innerhtml =||||| ；
VaR定时器= window.settimeout（显示（+ MAX +），1000）；
如果（已= max）{
window.cleartimeout（定时器）；
}
}