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 相关文章推荐
mapper--图片热点区域高亮组件官方站点
Dec 22 Javascript
jQuery实现id模糊查询的小例子
Mar 19 Javascript
7个JS基础知识总结
Mar 05 Javascript
wap手机图片滑动切换特效无css3元素js脚本编写
Jul 28 Javascript
jQuery插件windowScroll实现单屏滚动特效
Jul 14 Javascript
全面解析Bootstrap中nav、collapse的使用方法
May 22 Javascript
JS采用绝对定位实现回到顶部效果完整实例
Jun 20 Javascript
Three.js实现3D机房效果
Dec 30 Javascript
Node.js操作系统OS模块用法分析
Jan 04 Javascript
layui-select动态选中值的例子
Sep 23 Javascript
Vue Render函数创建DOM节点代码实例
Jul 08 Javascript
解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题
Jul 27 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程序之die调试法 快速解决错误
2009/09/17 PHP
使用PHP获取当前url路径的函数以及服务器变量
2013/06/29 PHP
ThinkPHP V2.2说明文档没有说明的那些事实例小结
2015/07/01 PHP
深入理解PHP内核(一)
2015/11/10 PHP
[原创]php使用curl判断网页404(不存在)的方法
2016/06/23 PHP
php利用header函数下载各种文件
2016/08/24 PHP
PHP+jQuery实现滚屏无刷新动态加载数据功能详解
2017/05/04 PHP
基于JQuery实现CheckBox全选全不选
2011/06/27 Javascript
html+js实现动态显示本地时间
2013/09/21 Javascript
javascript中创建对象的几种方法总结
2013/11/01 Javascript
jQuery选择器源码解读(五):tokenize的解析过程
2015/03/31 Javascript
分享我的jquery实现下拉菜单心的
2015/11/29 Javascript
JavaScript sort数组排序方法和自我实现排序方法小结
2016/06/06 Javascript
jQuery插件扩展extend的简单实现原理
2016/06/24 Javascript
[原创]javascript typeof id==='string'?document.getElementById(id):id解释
2016/11/02 Javascript
jQuery实现删除li节点的方法
2016/12/06 Javascript
解决nodejs中使用http请求返回值为html时乱码的问题
2017/02/18 NodeJs
Angular2 Service实现简单音乐播放器服务
2017/02/24 Javascript
jQuery扩展_动力节点Java学院整理
2017/07/05 jQuery
js匿名函数使用&amp;传参(实例)
2017/09/08 Javascript
nodeJS服务器的创建和重新启动的实现方法
2018/05/12 NodeJs
vue使用echarts图表的详细方法
2018/10/22 Javascript
layer.open 获取不到表单信息的解决方法
2019/09/26 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
JavaScript设计模式---单例模式详解【四种基本形式】
2020/05/16 Javascript
redis之django-redis的简单缓存使用
2018/06/07 Python
Python对象属性自动更新操作示例
2018/06/15 Python
详解Python用三种方式统计词频的方法
2019/07/29 Python
Python 使用matplotlib模块模拟掷骰子
2019/08/08 Python
pytorch 加载(.pth)格式的模型实例
2019/08/20 Python
用sqlalchemy构建Django连接池的实例
2019/08/29 Python
法国低价在线宠物商店:bitiba.fr
2020/07/03 全球购物
高中打架检讨书
2014/02/13 职场文书
硕士研究生求职自荐信范文
2014/03/11 职场文书
《他得的红圈圈最多》教学反思
2014/04/24 职场文书
2015年秘书个人工作总结
2015/04/25 职场文书