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 相关文章推荐
javascript事件模型实例分析
Jan 30 Javascript
JavaScript实现将数组数据添加到Select下拉框的方法
Aug 21 Javascript
Javascript简单实现面向对象编程继承实例代码
Nov 27 Javascript
jquery+css3实现会动的小圆圈效果
Jan 27 Javascript
深入浅析JavaScript中数据共享和数据传递
Apr 25 Javascript
Asp.Net之JS生成分页条的方法
Nov 23 Javascript
node.js中express中间件body-parser的介绍与用法详解
May 23 Javascript
JS简单实现父子窗口传值功能示例【未使用iframe框架】
Sep 20 Javascript
Javascript获取某个月的天数
May 30 Javascript
JavaScript使用表单元素验证表单的示例代码
Aug 20 Javascript
Nuxt配置Element-UI按需引入的操作方法
Jul 06 Javascript
Vue自定义组件双向绑定实现原理及方法详解
Sep 03 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
phpize的深入理解
2013/06/03 PHP
PHP将两个关联数组合并函数提高函数效率
2014/03/18 PHP
php校验表单检测字段是否为空的方法
2015/03/20 PHP
jQuery 方法大全方便学习参考
2010/02/25 Javascript
javascript实现根据iphone屏幕方向调用不同样式表的方法
2015/07/13 Javascript
跟我学习javascript的prototype,getPrototypeOf和__proto__
2015/11/17 Javascript
jquery背景跟随鼠标滑动导航
2015/11/20 Javascript
简介AngularJS中$http服务的用法
2016/02/06 Javascript
jQuery实现背景弹性滚动的导航效果
2016/06/01 Javascript
深入理解Ajax的get和post请求
2016/06/02 Javascript
解决webpack -p压缩打包react报语法错误的方法
2017/07/03 Javascript
JavaScript事件冒泡与事件捕获实例分析
2018/08/01 Javascript
JQuery特殊效果和链式调用操作示例
2019/05/13 jQuery
easyUI使用分页过滤器对数据进行分页操作实例分析
2020/06/01 Javascript
Python创建日历实例
2014/08/21 Python
python3.5安装python3-tk详解
2019/04/26 Python
简单了解Python3 bytes和str类型的区别和联系
2019/12/19 Python
python实时监控logstash日志代码
2020/04/27 Python
Python中使用filter过滤列表的一个小技巧分享
2020/05/02 Python
pytorch 把图片数据转化成tensor的操作
2021/03/04 Python
HTML5边玩边学(3)像素和颜色
2010/09/21 HTML / CSS
加拿大女装网上购物:Reitmans
2016/10/20 全球购物
英国拳击装备购物网站:RDX Sports
2018/01/23 全球购物
Under Armour安德玛法国官网:美国高端运动科技品牌
2018/06/29 全球购物
ellesse美国官方商店:意大利高级运动服品牌
2019/10/29 全球购物
XMLHttpRequest对象在IE和Firefox中创建方式有没有不同
2016/03/23 面试题
大学生实习期自我评价范文
2013/10/03 职场文书
师范生实习的个人自我鉴定
2013/10/20 职场文书
酒店总经理欢迎词
2014/01/15 职场文书
三好学生个人先进事迹材料
2014/05/17 职场文书
祝福语集锦:给百岁老人祝寿贺词
2019/11/19 职场文书
Linux系统下安装PHP7.3版本
2021/06/26 PHP
node.js如何自定义实现一个EventEmitter
2021/07/16 Javascript
CSS基础详解
2021/10/16 HTML / CSS
Python 中的 copy()和deepcopy()
2021/11/07 Python
vue3 自定义图片放大器效果的示例代码
2022/07/23 Vue.js