js实现倒计时(距离结束还有)示例代码

 更新时间:2013年07月24日 17:50:13   作者:  
本文与大家分享个js实现倒计时的代码,主要实现功能距离结束还有多少时间,感兴趣的朋友可以参考下,希望对大家学习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>
<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>

相关文章

  • JavaScript仿windows计算器功能

    JavaScript仿windows计算器功能

    这篇文章主要为大家详细介绍了JavaScript仿windows计算器功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 一步步教会你微信小程序的登录鉴权

    一步步教会你微信小程序的登录鉴权

    登录功能是许多小程序必备的一个功能,通过登录系统,我们可以记录用户在我们的小程序里一些行为,在后台我们也可以模糊地确认用户。下面这篇文章主要给大家介绍了关于小程序登录鉴权的相关资料,需要的朋友可以参考下。
    2018-04-04
  • 每天一篇javascript学习小结(Function对象)

    每天一篇javascript学习小结(Function对象)

    这篇文章主要介绍了javascript中的Function对象知识点,对Function对象的基本使用方法,以及各种方法进行整理,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • JavaScript实现留言板案例

    JavaScript实现留言板案例

    这篇文章主要为大家详细介绍了JavaScript实现留言板案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • js 判断字符串中是否包含某个字符串的实现代码

    js 判断字符串中是否包含某个字符串的实现代码

    工作中经常会使用到判断一个字符串是否包含某一个字符串,因此总结一下几个方法,需要的朋友可以参考下
    2023-03-03
  • 微信小程序云开发之使用云存储

    微信小程序云开发之使用云存储

    这篇文章主要为大家详细介绍了微信小程序云开发之使用云存储,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • 原生JS实现的碰撞检测功能示例

    原生JS实现的碰撞检测功能示例

    这篇文章主要介绍了原生JS实现的碰撞检测功能,涉及javascript鼠标事件响应及页面图形坐标位置运算、检测相关操作技巧,需要的朋友可以参考下
    2018-05-05
  • 小程序列表懒加载的实现方式

    小程序列表懒加载的实现方式

    懒加载,前端人都知道的一种性能优化方式,简单的来说,只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来,这篇文章主要给大家介绍了关于小程序列表懒加载的实现方式,需要的朋友可以参考下
    2022-04-04
  • 详谈js遍历集合(Array,Map,Set)

    详谈js遍历集合(Array,Map,Set)

    下面小编就为大家带来一篇详谈js遍历集合(Array,Map,Set)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • 深入认识javascript中的eval函数

    深入认识javascript中的eval函数

    发现为本文起一个合适的标题还不是那么容易,呵呵,所以在此先说明下本文的两个目的.
    2009-11-11

最新评论