Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js 倒计时实现代码 js实现距离结束还有多长时间

js 倒计时实现代码 js实现距离结束还有多长时间

发布时间:2015-08-06   编辑:www.jquerycn.cn
分享一个js实现倒计时的代码,实现距离结束还有多少时间,js倒计时代码的经典例子,有研究js编程的朋友可以参考下。

例1,js 倒计时实现代码。
 

复制代码 代码示例:
<SCRIPT LANGUAGE="JavaScript">
<!--
var maxtime = 60*60;//60*60 //一个小时,按秒计算
function CountDown(){
if(maxtime>=0){
//minutes = Math.floor(maxtime/60);
seconds = Math.floor(maxtime%60);
//msg = "距离结束还有"+minutes+"分"+seconds+"秒";
msg = "距离结束还有"+seconds+"秒";
document.all["timer"].innerHTML=msg;
if(maxtime == 5*60){
alert('注意,还有5分钟!');
}
--maxtime;
}else{
clearInterval(timer);
//alert("时间到,结束!");
maxtime=60*60;
timer = setInterval("CountDown()",1000);
}
}
timer = setInterval("CountDown()",1000);
//-->
</SCRIPT>
<div id="timer" style="color:red"></div>

例2,js倒计时实例代码。
 

复制代码 代码示例:
<SCRIPT LANGUAGE="JavaScript">
<!--
var maxtime = 5*60;//60*60 //一个小时,按秒计算
var timer;
function CountDown(){
if(maxtime>=0){
var minutes = Math.floor(maxtime/60);
var seconds = Math.floor(maxtime%60);
var msg = "距离刷新还有"+minutes+"分"+seconds+"秒";
$('#timer').html(msg);
//document.all["timer"].innerHTML=msg;
--maxtime;
}else{
clearInterval(timer);
//以下两个方法是倒计时结束后调用的方法
searchTaskList();
myajax();
//设置下一次的倒计时
maxtime=5*60;
timer = setInterval("CountDown()",1000);
}
}
timer = setInterval("CountDown()",1000);
//-->
</SCRIPT>
<div id="timer" style="display:inline;color:red"></div>

您可能感兴趣的文章:
js倒计时(距离结束还有多少时间)的代码分享
js 倒计时实现代码 js实现距离结束还有多长时间
js倒计时的实现代码(三款js倒计时代码)
倒计时60秒刷新网页的js实现代码
JavaScript时间倒计时的代码
js 倒计时代码大全
js定时器综合实例
60秒倒计时的jquery实现代码
JS实时倒计时的实现代码
JS倒计时代码(可随时点击停止)

[关闭]