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 处理HTML元素必须避免使用的一种方法
Jul 30 Javascript
JQuery中$之选择器用法介绍
Apr 05 Javascript
jQuery .tmpl(), .template()学习资料小结
Jul 18 Javascript
javascript中2个感叹号的用法实例详解
Sep 04 Javascript
javascript实现禁止复制网页内容
Dec 16 Javascript
jQuery内部原理和实现方式浅析
Feb 03 Javascript
js实现不重复导入的方法
Mar 02 Javascript
JavaScript程序中实现继承特性的方式总结
Jun 24 Javascript
Angularjs自定义指令实现分页插件(DEMO)
Sep 16 Javascript
实例分析js事件循环机制
Dec 13 Javascript
Vue实现点击显示不同图片的效果
Aug 10 Javascript
Webpack设置环境变量的一些误区详解
Dec 19 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数组应用之比较两个时间的相减排序
2008/08/18 PHP
PHP中文字符串截断无乱码解决方法
2016/10/10 PHP
Laravel模型事件的实现原理详解
2018/03/14 PHP
基本jquery的控制tabs打开的数量的代码
2010/10/17 Javascript
JS中动态添加事件(绑定事件)的代码
2011/01/09 Javascript
基于jquery的时间段实现代码
2012/08/02 Javascript
多种方法实现load加载完成后把图片一次性显示出来
2014/02/19 Javascript
JS获取当前日期时间并定时刷新示例
2021/03/04 Javascript
jQuery实现垂直半透明手风琴特效代码分享
2015/08/21 Javascript
原生JS实现仿淘宝网左侧商品分类菜单效果代码
2015/09/10 Javascript
javascript HTML5文件上传FileReader API
2020/03/27 Javascript
JavaScript简单实现弹出拖拽窗口(一)
2016/06/17 Javascript
JS+HTML+CSS实现轮播效果
2017/11/28 Javascript
微信小程序使用toast消息对话框提示用户忘记输入用户名或密码功能【附源码下载】
2017/12/09 Javascript
深入理解Node module模块
2018/03/26 Javascript
点击按钮弹出模态框的一系列操作代码实例
2019/03/29 Javascript
浅谈vuex的基本用法和mapaction传值问题
2019/11/08 Javascript
JS变量提升原理与用法实例浅析
2020/05/22 Javascript
Vue3为什么这么快
2020/09/23 Javascript
Ant Design Pro 之 ProTable使用操作
2020/10/31 Javascript
解决python文件字符串转列表时遇到空行的问题
2017/07/09 Python
Python数据结构与算法之列表(链表,linked list)简单实现
2017/10/30 Python
微信跳一跳python代码实现
2018/01/05 Python
Python包,__init__.py功能与用法分析
2020/01/07 Python
matlab灰度图像调整及imadjust函数的用法详解
2020/02/27 Python
Python 字典中的所有方法及用法
2020/06/10 Python
使用html5制作loading图的示例
2014/04/14 HTML / CSS
系统管理员的职责包括那些?管理的对象是什么?
2013/01/18 面试题
工程管理英文求职信
2014/03/18 职场文书
齐云山导游词
2015/02/06 职场文书
生日宴会家属答谢词
2015/09/29 职场文书
大学班干部竞选稿
2015/11/20 职场文书
【海涛dota解说】海涛小满开黑4v5被破两路翻盘潮汐第一视角解说
2022/04/01 DOTA
特别篇动画《总之就是非常可爱 ~制服~》PV公开,2022年夏季播出
2022/04/04 日漫
vue实现可以快进后退的跑马灯组件
2022/04/08 Vue.js
python标准库ElementTree处理xml
2022/05/20 Python