Javascript倒计时源代码.(时.分.秒)详细注释版
JavaScript 详细 注释 源代码 倒计时
2023-06-13 09:14:28 时间
随便写写!闲着无聊!代码如有bug之处欢迎阁下强力拍砖!
JSCODE
复制代码代码如下:
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>
相关文章
- JavaScript详细解析
- JavaScript Scripting.FileSystemObject FSO属性大全
- JavaScript Navigator
- js正则表达式语法大全_JavaScript正则
- JavaScript之对象(一)
- 使用 JavaScript 统计段落,单词,字符:Countable
- JavaScript 日期选择器 Pikaday 的高级用法
- JavaScript SHA512加密算法详细代码详解编程语言
- JavaScript学习总结(二十)——Javascript非构造函数的继承详解编程语言
- JavaScript的Function详细
- Javascript中eval函数的详细用法与说明
- 不用确认即可打印的javascript代码
- JavaScript异步调用框架(Part6-实例&模式)
- JavaScript正则表达式之RegExp属性、方法及应用分析
- Javascript异步加载详解(浏览器在javascript的加载方式)
- javascript正则表达式基础篇
- javascript相等运算符与等同运算符详细介绍
- 利用noesis.Javascript开源组件.Net中执行javascript脚本
- javascript遍历控件实例详细解析
- MongoDB中javascript脚本编程简介和入门实例
- 开源的javascript项目Kissy介绍
- javascript中定义类的方法汇总
- JavaScript设计模式之建造者模式介绍
- JavaScript中的console.profile()函数详细介绍
- Javascript基础教程之JavaScript语法