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 相关文章推荐
List Installed Software Features
Jun 11 Javascript
基于jQuery的可以控制左右滚动及自动滚动效果的代码
Jul 25 Javascript
javascript学习笔记(一) 在html中使用javascript
Jun 18 Javascript
jQuery easyui datagrid动态查询数据实例讲解
Feb 26 Javascript
Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)
Apr 02 Javascript
JS获取URL中的参数数据
Dec 05 Javascript
利用javascript实现全部删或清空所选的操作
May 27 Javascript
Bootstrap每天必学之前端开发框架
Nov 19 Javascript
js实现精确到秒的日期选择器完整实例
Apr 30 Javascript
Vue+axios 实现http拦截及路由拦截实例
Apr 25 Javascript
浅谈Angular4中常用管道
Sep 27 Javascript
深入浅析vue中cross-env的使用
Sep 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 MSSQL 存储过程的方法
2008/12/24 PHP
PHP之数组学习
2011/05/29 PHP
php addslashes及其他清除空格的方法是不安全的
2012/01/25 PHP
php去除字符串换行符示例分享
2014/02/13 PHP
PHP实现数组递归转义的方法
2014/08/28 PHP
详解PHP中的Traits
2015/07/29 PHP
适合PHP初学者阅读的4本经典书籍
2016/09/23 PHP
thinkPHP订单数字提醒功能的实现方法
2016/12/01 PHP
PHP迭代与递归实现无限级分类
2017/08/28 PHP
php+ajax 文件上传代码实例
2019/03/18 PHP
js下利用控制器载入对应脚本
2010/07/17 Javascript
jquery控制select的text/value值为选中状态
2014/06/03 Javascript
Vue按需加载的具体实现
2017/12/02 Javascript
小程序server请求微信服务器超时的解决方法
2019/05/21 Javascript
es6中reduce的基本使用方法
2019/09/10 Javascript
layui使用表格渲染获取行数据的例子
2019/09/13 Javascript
微信小程序自定义模态弹窗组件详解
2019/12/24 Javascript
js对象属性名驼峰式转下划线的实例代码
2020/09/17 Javascript
Python的gevent框架的入门教程
2015/04/29 Python
Python中的ceil()方法使用教程
2015/05/14 Python
Python 3 判断2个字典相同
2019/08/06 Python
Python3使用PySynth制作音乐的方法
2019/09/09 Python
python3发送request请求及查看返回结果实例
2020/04/30 Python
Pygame的程序开始示例代码
2020/05/07 Python
Python 找出出现次数超过数组长度一半的元素实例
2020/05/11 Python
Python脚本破解压缩文件口令实例教程(zipfile)
2020/06/14 Python
幼师自荐信
2013/10/26 职场文书
体育老师的教学自我评价分享
2013/11/19 职场文书
学生会主席就职演讲稿
2014/01/14 职场文书
兰兰过桥教学反思
2014/02/08 职场文书
税务会计岗位职责
2014/02/18 职场文书
入职担保书怎么写
2014/05/12 职场文书
机电专业毕业生自我鉴定2014
2014/10/04 职场文书
2016年小学党支部创先争优活动总结
2016/04/05 职场文书
安装Windows Server 2012 R2企业版操作系统并设置好相关参数
2022/04/29 Servers
mysql查找连续出现n次以上的数字
2022/05/11 MySQL