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对table中各数据的增加、保存、删除操作示例
May 14 Javascript
jquery实现预览提交的表单代码分享
May 21 Javascript
jquery 重写 ajax提交并判断权限后 使用load方法报错解决方法
Jan 19 Javascript
javascript DIV实现跟随鼠标移动
Mar 19 Javascript
React Router基础使用
Jan 17 Javascript
JS仿QQ好友列表展开、收缩功能(第一篇)
Jul 07 Javascript
vue项目中导入swiper插件的方法
Jan 30 Javascript
react-native 圆弧拖动进度条实现的示例代码
Apr 12 Javascript
Next.js项目实战踩坑指南(笔记)
Nov 29 Javascript
微信小程序如何使用globalData的方法
Jun 06 Javascript
微信小程序实现消息框弹出动画
Apr 18 Javascript
使用微信SDK自定义分享的方法
Jul 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
php下使用SMTP发邮件的代码
2008/01/10 PHP
仿Aspnetpager的一个PHP分页类代码 附源码下载
2012/10/08 PHP
PHP如何实现订单的延时处理详解
2017/12/30 PHP
写的htc的数据表格
2007/01/20 Javascript
[HTML/CSS/Javascript]WWTJS
2007/09/25 Javascript
js常见表单应用技巧
2008/01/09 Javascript
实现连缀调用的map方法(prototype)
2009/08/05 Javascript
跟着JQuery API学Jquery 之二 属性
2010/04/09 Javascript
Javascript中的delete介绍
2012/09/02 Javascript
你必须知道的Javascript知识点之&quot;this指针&quot;的应用
2013/04/23 Javascript
javascript窗口宽高,鼠标位置,滚动高度(详细解析)
2013/11/18 Javascript
php利用curl获取远程图片实现方法
2015/10/26 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
2015/12/08 Javascript
详解Javascript中的Object对象
2016/02/28 Javascript
微信小程序 http请求详细介绍
2016/10/09 Javascript
10分钟掌握XML、JSON及其解析
2020/12/06 Javascript
详解如何在React组件“外”使用父组件的Props
2018/01/12 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
2018/08/28 Javascript
js实现打字小游戏
2019/12/17 Javascript
[50:02]完美世界DOTA2联赛循环赛 Magma vs IO BO2第一场 11.01
2020/11/02 DOTA
剖析Django中模版标签的解析与参数传递
2015/07/21 Python
python经典趣味24点游戏程序设计
2019/07/26 Python
PyCharm专业最新版2019.1安装步骤(含激活码)
2019/10/09 Python
用python介绍4种常用的单链表翻转的方法小结
2020/02/24 Python
基于Python生成个性二维码过程详解
2020/03/05 Python
解决redis与Python交互取出来的是bytes类型的问题
2020/07/16 Python
美国香薰蜡烛品牌:PADDYWAX
2018/10/06 全球购物
Harrods美国:英国最大的百货公司
2018/11/04 全球购物
波兰品牌鞋履在线商店:Eastend.pl
2020/01/11 全球购物
公司活动方案范文
2014/03/06 职场文书
数学系毕业生求职信
2014/05/29 职场文书
慰问信格式
2015/02/14 职场文书
商场营业员岗位职责
2015/04/14 职场文书
信息技术课教学反思
2016/02/23 职场文书
《岳阳楼记》原文、译文赏析
2019/09/10 职场文书
Redis实战高并发之扣减库存项目
2022/04/14 Redis