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 相关文章推荐
js 匿名调用实现代码
Jun 19 Javascript
JavaScript 继承的实现
Jul 09 Javascript
利用JQuery和Servlet实现跨域提交请求示例分享
Feb 12 Javascript
推荐 21 款优秀的高性能 Node.js 开发框架
Aug 18 Javascript
jQuery定义插件的方法
Dec 18 Javascript
微信小程序  modal详解及实例代码
Nov 09 Javascript
JavaScript数组去重的6个方法
Jan 21 Javascript
使用bootstrap插件实现模态框效果
May 10 Javascript
JavaScript转换数据库DateTime字段类型方法
Jun 27 Javascript
详解vue中多个有顺序要求的异步操作处理
Oct 29 Javascript
JavaScript中this的学习笔记及用法整理
Feb 17 Javascript
javascript前端实现多视频上传
Dec 13 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中ini_set与ini_get用法实例
2014/11/04 PHP
php字符串操作常见问题小结
2016/10/11 PHP
PHP巧妙利用位运算实现网站权限管理的方法
2017/03/12 PHP
Yii2框架中一些折磨人的坑
2019/12/15 PHP
刷新页面实现方式总结(HTML,ASP,JS)
2008/11/13 Javascript
jquery-easyui关闭tab自动切换到前一个tab
2010/07/29 Javascript
基于jQuery的星级评分插件
2011/08/12 Javascript
jQuery Form 页面表单提交的小例子
2013/11/15 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
2015/10/26 Javascript
JS动态插入并立即执行回调函数的方法
2016/04/21 Javascript
jQuery+CSS实现简单切换菜单示例
2016/07/27 Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
2017/01/11 Javascript
js实现多行文本框统计剩余字数功能
2017/03/28 Javascript
JavaScript重复元素处理方法分析【统计个数、计算、去重复等】
2017/12/14 Javascript
开发Vue树形组件的示例代码
2017/12/21 Javascript
基于iScroll实现内容滚动效果
2018/03/21 Javascript
详解微信小程序胶囊按钮返回|首页自定义导航栏功能
2019/06/14 Javascript
Vue.js如何使用Socket.IO的示例代码
2019/09/05 Javascript
简单了解vue中的v-if和v-show的区别
2019/10/08 Javascript
vue transition 在子组件中失效的解决
2019/11/12 Javascript
JavaScript实现Excel表格效果
2020/02/07 Javascript
从零开始在vue-cli4配置自适应vw布局的实现
2020/06/08 Javascript
Python+OpenCV人脸检测原理及示例详解
2020/10/19 Python
python实现kNN算法识别手写体数字的示例代码
2019/08/16 Python
Pytorch修改ResNet模型全连接层进行直接训练实例
2019/09/10 Python
python 实现turtle画图并导出图片格式的文件
2019/12/07 Python
python中threading开启关闭线程操作
2020/05/02 Python
Python的控制结构之For、While、If循环问题
2020/06/30 Python
CSS3 Backgrounds属性相关介绍
2011/05/11 HTML / CSS
CSS3实现淘宝留白的方法
2020/06/05 HTML / CSS
企业面试题试卷附带答案
2015/12/20 面试题
php优化查询foreach代码实例讲解
2021/03/24 PHP
客户代表自我评价范例
2013/09/24 职场文书
政府采购方案
2014/06/12 职场文书
预备党员对照检查材料思想汇报
2014/09/24 职场文书
2016应届毕业生就业指导课心得体会
2016/01/15 职场文书