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代码
Nov 04 Javascript
根据表格中的某一列进行排序的javascript代码
Nov 29 Javascript
构造函数+原型模式构造js自定义对象(最通用)
May 12 Javascript
通过正则表达式获取url中参数的简单实现
Jun 07 Javascript
原生js实现淘宝购物车功能
Jun 23 Javascript
JavaScript实现求最大公共子串的方法
Feb 03 Javascript
微信小程序系列之自定义顶部导航功能
May 21 Javascript
AngularJs中$cookies简单用法分析
May 30 Javascript
Vue拖拽组件列表实现动态页面配置功能
Jun 17 Javascript
js实现移动端tab切换时下划线滑动效果
Sep 08 Javascript
详解Vscode中使用Eslint终极配置大全
Nov 08 Javascript
微信小程序调用wx.getImageInfo遇到的坑解决
May 31 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
使用TinyButStrong模板引擎来做WEB开发
2007/03/16 PHP
php的curl实现get和post的代码
2008/08/23 PHP
PHP has encountered an Access Violation at 7C94BD02解决方法
2009/08/24 PHP
php使用Cookie实现和用户会话的方法
2015/01/21 PHP
PHP面向对象程序设计类的定义与用法简单示例
2016/12/27 PHP
PHP验证码类ValidateCode解析
2017/01/07 PHP
Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
2009/08/09 Javascript
点击文章内容处弹出页面代码
2009/10/01 Javascript
指定位置如果有图片显示图片,无图片显示广告的JS
2010/06/05 Javascript
js 获取class的元素的方法 以及创建方法getElementsByClassName
2013/03/11 Javascript
优化Jquery,提升网页加载速度
2013/11/14 Javascript
Javascript中3种实现继承的方法和代码实例
2014/08/12 Javascript
开源的javascript项目Kissy介绍
2014/11/28 Javascript
bootstrap改变按钮加载状态
2014/12/01 Javascript
在父页面得到zTree已选中的节点的方法
2015/02/12 Javascript
js实现延迟加载的方法
2015/06/24 Javascript
下一代Bootstrap的5个特点 超酷炫!
2016/06/17 Javascript
js操作XML文件的实现方法兼容IE与FireFox
2016/06/25 Javascript
浅析Javascript的自动分号插入(ASI)机制
2016/09/29 Javascript
Webpack打包css后z-index被重新计算的解决方法
2017/06/18 Javascript
ReactNative之键盘Keyboard的弹出与消失示例
2017/07/11 Javascript
vue基于mint-ui的城市选择3级联动的示例
2017/10/25 Javascript
使用vscode快速建立vue模板过程详解
2019/10/10 Javascript
JS typeof fn === 'function' &amp;&amp; fn()详解
2020/08/22 Javascript
kafka-python批量发送数据的实例
2018/12/27 Python
Python实现微信机器人的方法
2019/09/06 Python
PageFactory设计模式基于python实现
2020/04/14 Python
灵活运用CSS3特性绘制简易版围棋效果
2016/09/28 HTML / CSS
Shoes For Crews法国官网:美国领先的防滑鞋设计和制造商
2018/01/01 全球购物
澳大利亚领先的在线葡萄酒零售商:Get Wines Direct
2018/03/27 全球购物
2014年化妆品销售工作总结
2014/12/01 职场文书
2015年教师党员自我评价材料
2015/03/04 职场文书
mysql对于模糊查询like的一些汇总
2021/05/09 MySQL
详解vue身份认证管理和租户管理
2021/05/25 Vue.js
5个pandas调用函数的方法让数据处理更加灵活自如
2022/04/24 Python
Android Studio 计算器开发
2022/05/20 Java/Android