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 相关文章推荐
ajax上传时参数提交不更新等相关问题
Dec 11 Javascript
js+html5绘制图片到canvas的方法
Jun 05 Javascript
jQuery动态背景图片效果实现方法
Jul 03 Javascript
jQuery实现图片局部放大镜效果
Mar 17 Javascript
精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
Jul 01 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
Nov 18 Javascript
js使用xml数据载体实现城市省份二级联动效果
Nov 08 Javascript
JavaScript定义及输出螺旋矩阵的方法详解
Dec 01 Javascript
关于Google发布的JavaScript代码规范你要知道哪些
Apr 04 Javascript
移动端如何用下拉刷新的方式实现上拉加载
Dec 10 Javascript
javascript实现雪花飘落效果
Aug 19 Javascript
分享15个Webpack实用的插件!!!
Mar 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
调试一段PHP程序时遇到的三个问题
2012/01/17 PHP
深入讲解PHP的对象注入(Object Injection)
2017/03/01 PHP
PHP实现webshell扫描文件木马的方法
2017/07/31 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
PHP htmlspecialchars() 函数实例代码及用法大全
2018/09/18 PHP
js 学习笔记(三)
2009/12/29 Javascript
javascript 实现子父窗体互相传值的简单实例
2014/02/17 Javascript
Javascript实现鼠标右键特色菜单
2015/08/04 Javascript
js带缩略图的图片轮播效果代码分享
2015/09/14 Javascript
纯js代码制作的网页时钟特效【附实例】
2016/03/30 Javascript
jQuery中的ready函数与window.onload谁先执行
2016/06/21 Javascript
JS防止网页被嵌入iframe框架的方法分析
2016/09/13 Javascript
javascript稀疏数组(sparse array)和密集数组用法分析
2016/12/28 Javascript
vue2.0获取自定义属性的值
2017/03/28 Javascript
vue2.0结合Element-ui实战案例
2019/03/06 Javascript
在vue中配置不同的代理同时访问不同的后台操作
2020/09/11 Javascript
在Python程序中进行文件读取和写入操作的教程
2015/04/28 Python
使用Python发送各种形式的邮件的方法汇总
2015/11/09 Python
Python2.7读取PDF文件的方法示例
2017/07/13 Python
利用numpy实现一、二维数组的拼接简单代码示例
2017/12/15 Python
python中(str,list,tuple)基础知识汇总
2018/02/20 Python
Python子类继承父类构造函数详解
2019/02/19 Python
PyTorch中Tensor的维度变换实现
2019/08/18 Python
django 自定义filter 判断if var in list的例子
2019/08/20 Python
Python计算两个矩形重合面积代码实例
2019/09/16 Python
Python: 传递列表副本方式
2019/12/19 Python
Staples美国官方网站:办公用品一站式采购
2016/07/28 全球购物
《桥》教学反思
2014/04/09 职场文书
外语系毕业生求职自荐信
2014/04/12 职场文书
会展策划与管理专业求职信
2014/06/09 职场文书
法制宣传口号
2014/06/16 职场文书
学院党委班子四风问题自查报告及整改措施
2014/10/25 职场文书
升学宴学生答谢词
2015/01/05 职场文书
赔偿协议书
2015/01/27 职场文书
幼儿园教师求职信
2015/03/20 职场文书
赡养老人协议书范本
2015/08/06 职场文书