zl程序教程

您现在的位置是:首页 >  前端

当前栏目

Javascript倒计时源代码.(时.分.秒)详细注释版

JavaScript 详细 注释 源代码 倒计时
2023-06-13 09:14:28 时间
随便写写!闲着无聊!代码如有bug之处欢迎阁下强力拍砖!
JSCODE
复制代码代码如下:

<scripttype="text/javascript"language="javascript">
//总时间,已分为单位
vartime=100;
//小时
varh=parseInt(time/60)>0?parseInt(time/60):0;
//分
varm=time%60;
//秒
vars=60;
//输出到当前Script的Dom位置
document.write("<span>剩余<fontid="f_hh">"+h+"</font>小时<fontid="f_mm">"+m+"</font>分<fontid="f_ss">"+s+"</font>秒</span>");
//开始执行倒计时
vartimeInterval=setInterval(function(){
//如果时、分、秒都为0时将停止当前的倒计时
if(h==0&&m==0&&s==0){clearInterval(timeInterval);return;}
//当秒走到0时,再次为60秒
if(s==0){s=60;}
if(s==60){
//每次当秒走到60秒时,分钟减一
m-=1;
//当分等于0时并且小时还多余1个小时的时候进里面看看
if(m==0&&h>0){
//小时减一
h-=1;
//分钟自动默认为60分
m=60;
//秒自动默认为60秒
s=60;
}
}
//秒继续跳动,减一
s-=1;
//小时赋值
document.getElementById("f_hh").innerHTML=h;
//分钟赋值
document.getElementById("f_mm").innerHTML=m;
//秒赋值
document.getElementById("f_ss").innerHTML=s;
},1000);
</script>

HTMLCODE
复制代码代码如下:

<html>
<head>
<title>DateDemo</title>
</head>
<body>
<scripttype="text/javascript"language="javascript">
//总时间,已分为单位
vartime=100;
//小时
varh=parseInt(time/60)>0?parseInt(time/60):0;
//分
varm=time%60;
//秒
vars=60;
//输出到当前Script的Dom位置
document.write("<span>剩余<fontid="f_hh">"+h+"</font>小时<fontid="f_mm">"+m+"</font>分<fontid="f_ss">"+s+"</font>秒</span>");
//开始执行倒计时
vartimeInterval=setInterval(function(){
//如果时、分、秒都为0时将停止当前的倒计时
if(h==0&&m==0&&s==0){clearInterval(timeInterval);return;}
//当秒走到0时,再次为60秒
if(s==0){s=60;}
if(s==60){
//每次当秒走到60秒时,分钟减一
m-=1;
//当分等于0时并且小时还多余1个小时的时候进里面看看
if(m==0&&h>0){
//小时减一
h-=1;
//分钟自动默认为60分
m=60;
//秒自动默认为60秒
s=60;
}
}
//秒继续跳动,减一
s-=1;
//小时赋值
document.getElementById("f_hh").innerHTML=h;
//分钟赋值
document.getElementById("f_mm").innerHTML=m;
//秒赋值
document.getElementById("f_ss").innerHTML=s;
},1000);
</script>
</body>
</html>