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 相关文章推荐
jQuery 前的按键判断代码
Mar 19 Javascript
读jQuery之三(构建选择器)
Jun 11 Javascript
用Juery网页选项卡实现代码
Jun 13 Javascript
JavaScript高级程序设计 学习笔记 js高级技巧
Sep 20 Javascript
jQuery淡入淡出元素让其效果更为生动
Sep 01 Javascript
JS实现slide文字框缩放伸展效果代码
Nov 05 Javascript
JSONP原理及简单实现
Jun 08 Javascript
JavaScript给每一个li节点绑定点击事件的实现方法
Dec 01 Javascript
使用Require.js封装原生js轮播图的实现代码
Jun 15 Javascript
浅谈react受控组件与非受控组件(小结)
Feb 09 Javascript
基于layui内置模块(element常用元素的操作)
Sep 20 Javascript
微信小程序可滑动周日历组件使用详解
Oct 21 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
CodeIgniter视图使用注意事项
2016/01/20 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
基于Laravel-admin 后台的自定义页面用法详解
2019/09/30 PHP
laravel Task Scheduling(任务调度)在windows下的使用详解
2019/10/22 PHP
JS实现浏览器菜单命令
2006/09/05 Javascript
jQuery Clone Bug解决代码
2010/12/22 Javascript
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
2011/08/09 Javascript
javascript实现随机读取数组的方法
2015/08/03 Javascript
jQuery+css实现的蓝色水平二级导航菜单效果代码
2015/09/11 Javascript
实例详解angularjs和ajax的结合使用
2015/10/22 Javascript
巧用canvas
2017/01/21 Javascript
解决微信内置浏览器返回上一页强制刷新问题方法
2017/02/05 Javascript
Vue.js常用指令的使用小结
2017/06/23 Javascript
VueJs监听window.resize方法示例
2018/01/17 Javascript
vue.js select下拉框绑定和取值方法
2018/03/03 Javascript
js前端如何写一个精确的倒计时代码
2019/10/25 Javascript
Python的装饰器模式与面向切面编程详解
2015/06/21 Python
python爬虫面试宝典(常见问题)
2018/03/02 Python
python opencv3实现人脸识别(windows)
2018/05/25 Python
python验证码识别教程之滑动验证码
2018/06/04 Python
Python中交换两个元素的实现方法
2018/06/29 Python
Python3爬虫爬取百姓网列表并保存为json功能示例【基于request、lxml和json模块】
2018/12/05 Python
PyQt编程之如何在屏幕中央显示窗体的实例
2019/06/18 Python
解决Python3.8运行tornado项目报NotImplementedError错误
2020/09/02 Python
英国版MAC彩妆品牌:Illamasqua
2018/04/18 全球购物
Linux文件操作命令都有哪些
2015/02/27 面试题
超市促销实习自我鉴定
2013/09/23 职场文书
如何写毕业求职自荐信
2013/11/06 职场文书
中学教师岗位职责
2013/11/26 职场文书
办公室人员先进事迹
2014/01/27 职场文书
电气个人求职信范文
2014/02/04 职场文书
老公爱的承诺书
2014/03/31 职场文书
医德医风个人工作总结2014
2014/11/14 职场文书
建筑工程材料员岗位职责
2015/04/11 职场文书
优质护理服务心得体会
2016/01/22 职场文书
MySQL数据库10秒内插入百万条数据的实现
2021/11/01 MySQL