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 相关文章推荐
CSDN轮换广告图片轮换效果
Mar 27 Javascript
ext combox 下拉框不出现自动提示,自动选中的解决方法
Feb 24 Javascript
JS删除数组元素的函数介绍
Mar 27 Javascript
不同Jquery版本引发的问题解决
Oct 14 Javascript
jquery清空表单数据示例分享
Feb 13 Javascript
node.js中的http.response.addTrailers方法使用说明
Dec 14 Javascript
MVVM模式中ViewModel和View、Model有什么区别?
Jun 19 Javascript
值得分享的轻量级Bootstrap Table表格插件
May 30 Javascript
javascript实现简单的ajax封装示例
Dec 28 Javascript
前端把html表格生成为excel表格的实例
Sep 19 Javascript
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
Sep 25 Javascript
微信小程序登录数据解密及状态维持实例详解
May 06 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
解析thinkphp的左右值无限分类
2013/06/20 PHP
为你总结一些php信息函数
2015/10/21 PHP
php简单统计中文个数的方法
2016/09/30 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
详解使用php-cs-fixer格式化代码
2020/09/16 PHP
javascript 解析后的xml对象的读取方法细解
2009/07/25 Javascript
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
2010/06/12 Javascript
node.js不得不说的12点内容
2014/07/14 Javascript
iframe调用父页面函数示例详解
2014/07/17 Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
2016/03/11 Javascript
BootStrap 智能表单实战系列(十)自动完成组件的支持
2016/06/13 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
2016/06/24 Javascript
80%应聘者都不及格的JS面试题
2017/03/21 Javascript
Node.JS更改Windows注册表Regedit的方法小结
2017/08/18 Javascript
vue拖拽组件使用方法详解
2018/12/01 Javascript
ajax跨域访问遇到的问题及解决方案
2019/05/23 Javascript
利用Electron简单撸一个Markdown编辑器的方法
2019/06/10 Javascript
echarts饼图各个板块之间的空隙如何实现
2020/12/01 Javascript
python获取mp3文件信息的方法
2015/06/15 Python
Python中的下划线详解
2015/06/24 Python
深入解析Python中的lambda表达式的用法
2015/08/28 Python
对Python3中的print函数以及与python2的对比分析
2018/05/02 Python
Django框架orM与自定义SQL语句混合事务控制操作
2019/06/27 Python
Django Form 实时从数据库中获取数据的操作方法
2019/07/25 Python
详解Anconda环境下载python包的教程(图形界面+命令行+pycharm安装)
2019/11/11 Python
python如何实现复制目录到指定目录
2020/02/13 Python
用python对oracle进行简单性能测试
2020/12/05 Python
《燕子》教学反思
2014/02/18 职场文书
社区居务公开实施方案
2014/03/27 职场文书
聘用意向书范本
2014/04/01 职场文书
《九寨沟》教学反思
2014/04/08 职场文书
2014购房个人委托书范本
2014/10/12 职场文书
解除施工合同协议书
2014/10/17 职场文书
介绍信怎么写
2015/01/30 职场文书
2015年党建工作目标责任书
2015/05/08 职场文书
收入证明范本
2015/06/12 职场文书