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


Posted in Javascript onJuly 24, 2013
<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 相关文章推荐
IE与FireFox中的childNodes区别
Oct 20 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
Feb 22 Javascript
JS获取鼠标坐标的实例方法
Jul 18 Javascript
jquery事件与函数的使用介绍
Sep 29 Javascript
jquery隐藏标签和显示标签的实例
Nov 11 Javascript
jquery实现不包含当前项的选择器实例
Jun 25 Javascript
JS自定义混合Mixin函数示例
Nov 26 Javascript
默认浏览器设置及vue自动打开页面的方法
Sep 21 Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
Feb 20 Javascript
iphone刘海屏页面适配方法
May 07 Javascript
vue-property-decorator用法详解
Dec 12 Javascript
JavaScript碰撞检测原理及其实现代码
Mar 12 Javascript
javascript中比较字符串是否相等的方法
Jul 23 #Javascript
js改变img标签的src属性在IE下没反应的解决方法
Jul 23 #Javascript
js如何实现设计模式中的模板方法
Jul 23 #Javascript
js替换字符串的所有示例代码
Jul 23 #Javascript
通过一段代码简单说js中的this的使用
Jul 23 #Javascript
JS分页控件 可用于无刷新分页
Jul 23 #Javascript
JavaScript获取onclick、onchange等事件值的代码
Jul 22 #Javascript
You might like
PHP实现MySQL更新记录的代码
2008/06/07 PHP
PHP mcrypt可逆加密算法分析
2011/07/19 PHP
Yii2隐藏frontend/web和backend/web的方法
2015/12/12 PHP
教你php如何实现验证码
2016/01/20 PHP
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
2009/07/25 Javascript
读jQuery之十二 删除事件核心方法
2011/07/31 Javascript
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
2011/10/01 Javascript
(跨浏览器基础事件/浏览器检测/判断浏览器)经验代码分享
2013/01/24 Javascript
Javascript实现单张图片浏览
2014/12/18 Javascript
JavaScript String 对象常用方法总结
2016/04/28 Javascript
深入理解JS正则表达式---分组
2016/07/18 Javascript
详解如何让Express支持async/await
2017/10/09 Javascript
基于vue.js中事件修饰符.self的用法(详解)
2018/02/23 Javascript
JS中获取 DOM 元素的绝对位置实例详解
2018/04/23 Javascript
vue之父子组件间通信实例讲解(props、$ref、$emit)
2018/05/22 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
2018/09/14 Javascript
浅谈js中的bind
2019/03/18 Javascript
监听element-ui table滚动事件的方法
2019/03/26 Javascript
js实现打字小游戏
2019/12/17 Javascript
JavaScript中this函数使用实例解析
2020/02/21 Javascript
vue中是怎样监听数组变化的
2020/10/24 Javascript
[46:10]2014 DOTA2国际邀请赛中国区预选赛 CnB VS HGT
2014/05/21 DOTA
[58:54]EG vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
[49:12]完美世界DOTA2联赛PWL S2 Magma vs GXR 第二场 11.29
2020/12/02 DOTA
python使用建议与技巧分享(二)
2020/08/17 Python
python 检测图片是否有马赛克
2020/12/01 Python
美发店5.1活动方案
2014/01/24 职场文书
会计专业导师推荐信
2014/03/08 职场文书
《大自然的语言》教学反思
2014/04/08 职场文书
五水共治捐款倡议书
2014/05/14 职场文书
2014年国庆节演讲稿精选范文1500字
2014/09/25 职场文书
个人遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
2014年最新版离婚协议书范本
2014/11/25 职场文书
2015年综治宣传月活动总结
2015/03/25 职场文书
确保减税降费落地生根,用实实在在措施
2019/07/19 职场文书
go语言求任意类型切片的长度操作
2021/04/26 Golang