1初始化时间，例如1小时5分钟30秒(也可以让用户手动设置，这里略)
保存在全局变量中
var hour,minute,second;
2设置定时每隔1秒执行function xxx
setInterval(function xxx(){...},1000);
3编写function用于每隔1秒更新时间，里面判断若倒计时为0时，隐藏div
function xxx(){
if(--second==0){
if(--minute==0){
if(--hour==0){
//隐藏div 设置style.display='none'
}
show(hour,minute,second);
second=60;
minute=60;
}
show(hour,minute,second);
second=60;
}
show(hour,minute,second);
}
function show(hour,minute,second){
var str_hour = hour<10?"0"+hour:""+hour;
var str_minute = minute<10?"0"+minute:""+minute;
var str_second = second<10?"0"+second:""+second;
//将这三个时分秒显示到div中指定位置
}
<SCRIPT language="javascript">
secs = 60; // 设置多少秒
wait = secs * 100;
document.getElementById("num").disabled =true;
for(i=1;i<=(wait/100);i++) {
window.setTimeout("doUpdate(" + i + ")", i * 100);
}
window.setTimeout("Timer()", wait);
function doUpdate(num) {
if(num == (wait/100)) {
document.getElementById("num").innerHTML = " ";
} else {
wut = (wait/100)-num;
document.getElementById("num").innerHTML = secs+"秒倒计时： " + wut + "";
}
}
function Timer() {
document.getElementById("num").disabled =false;
}
</SCRIPT>本回答被提问者和网友采纳
<script type="text/javascript">
var times=10;//倒计时时间
var divObj =document.getELmentById("test");
divObj.innerHTML=times;
function jishi(){
var tem =divObj.innerHTML;
if(tem==1){//最后一秒后隐藏
if(typeof(t)!="undefined")//停止计时器
clearInterval(t);
divObj.style.display="none";
}else{
divObj.innerHTML=parseInt(tem)-1；
}
}
var t =setInterval("jishi()",1000);
</script>
如何设置一个DIV在网页中显示几秒然后自动隐藏消失?
setTimeout(function(){document.getElementById("nogg").style.display="none";},4000);<\/script> 利用JS代码拆入10秒倒计时，如下：<span id="numDiv">10<\/span>秒……<script type="text\/javascript"> var num=10 var interval=setInterval(function(){if(num==0){clearInterval(interval)}...
JS实现简单网页倒计时器
要制作一个简单的网页倒计时器，可以使用JavaScript实现。首先，我们编写HTML代码，创建一个用于显示倒计时时间的div元素。接下来，编写JavaScript代码。首先获取当前时间，然后指定一个到期时间（例如2032年1月1日），计算当前时间和到期时间的时间差（以毫秒为单位）。接着判断如果时间超了，停止倒计时。已知...
java 问题 jsp问题,如何在jsp页面上显示时钟倒计时?要求是总时间是30...
<head> <SCRIPT LANGUAGE="JavaScript"> var maxtime = 30*30 \/\/半个小时，按秒计算，自己调整!function CountDown(){ if(maxtime>=0){ minutes = Math.floor(maxtime\/30);seconds = Math.floor(maxtime%30);msg = "距离结束还有"+minutes+"分"+seconds+"秒";document.all["timer"].inn...
求做一个JAVASCRIPT倒计时器,能计算并显示到某一天的剩余时间。。。
TimeTo('2011\/1\/1 00:00:00');\/\/定义倒计时的结束时间，注意格式 },1000);\/\/定义计时器，每隔1000毫秒 也就是1秒 计算并更新 div的显示 })();从这行以上保存为 timer.js 不包括这行说明
在HTML中,如何显示3秒倒计时?要求这个数字需要变动,且时间为0秒后跳转...
假设要跳转的地方是bing <div id="timer"><\/div> <script> var time = 4 setInterval(function() { time--;if(time === 0){ window.location.href = "www.bing.com"} document.querySelector("#timer").textContent = "剩余时间" + time + "秒"}, 1000)<\/script> ...
js实现距离2023年5月1日还有多少天,小时,分,秒的实时倒计时效果?
\/\/ 将倒计时显示在页面上 document.getElementById('countdown').innerHTML = '距离2023年5月1日还有：' + days + '天 ' + hours + '小时 ' + minutes + '分 ' + seconds + '秒';\/\/ 结束倒计时 if (timeDiff < 0) { clearInterval(countdown);document.getElementById('countdown')...
怎样让倒计时循环运行,就是倒计时完了再从头开始
= "剩余时间：" + startMinutes + "分钟" + startSec + "秒";timeLeft = timeLeft - 1000;setTimeout('countTime()',1000);if(timeLeft == 0){ document.location.reload();} } <\/script> <body onload="countTime();"><span id="timeDiv"><\/span> <\/body> <\/hmtl> ...
求:自动校样系统时间,每隔几分钟自动重新倒计的JS代码?要能显示在页...
<div id="msg"><\/div> <\/body> <\/html> <script language="javascript"> var tc=1200;\/\/20分钟 function setTimerCount(){ window.setInterval(function(){ if(tc==1)tc=1200;else tc--;document.getElementById("msg").innerHTML="还剩"+tc+"秒";},1000);\/\/每秒刷新 } setTimerCount...
关于打开页面倒计3秒后弹出框提示,提示框倒计时30秒关闭,并跳转链接的...
count1 = 0, count2 = 0, min = 5, sec = 30, str = '倒计时：', url = 'http:\/\/www.baidu.com', ele = document.getElementById('alert');window.onmousedown = window.onkeydown = function () { clearInterval(timer1); clearInterval(timer2);...
用javascript写了个计时器,怎么避免在弹出alert警示框的时候计时器会...
alert警示框是个模态窗口，也就是说它弹出的时候所在进程就会处在挂起状态，必须等它关闭的时候进程才会继续运行。要想避免这种情况，就不能用alert来作为信息提示框，而应该自己建立一个比如浮动层来显示信息，这样程序就不会被卡住，计时也会持续进行。
