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实现随意改变div任意属性的名称和值(部分原生js实现)
May 28 Javascript
提取jquery的ready()方法单独使用示例
Mar 25 Javascript
Extjs 4.x 得到form CheckBox 复选框的值
May 04 Javascript
基于PHP和Mysql相结合使用jqGrid读取数据并显示
Dec 02 Javascript
JavaScript动态创建form表单并提交的实现方法
Dec 10 Javascript
利用Jasmine对Angular进行单元测试的方法详解
Jun 12 Javascript
jquery+css3实现熊猫tv导航代码分享
Feb 12 jQuery
微信小程序中使用echarts的实现方法
Apr 24 Javascript
使用JQuery自动完成插件Auto Complete详解
Jun 18 jQuery
javascript实现导航栏分页效果
Jun 27 Javascript
Vue 构造选项 - 进阶使用说明
Aug 14 Javascript
HTML元素拖拽功能实现的完整实例
Dec 04 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
yii框架builder、update、delete使用方法
2014/04/30 PHP
php基于PDO实现功能强大的MYSQL封装类实例
2017/02/27 PHP
php封装db类连接sqlite3数据库的方法实例
2017/12/19 PHP
php 利用socket发送GET,POST请求的实例代码
2020/07/04 PHP
JQuery 选择器、过滤器介绍
2011/02/14 Javascript
javascript表单验证使用示例(javascript验证邮箱)
2014/01/07 Javascript
jQuery实现拖动调整表格单元格大小的代码实例
2015/01/13 Javascript
js使用Array.prototype.sort()对数组对象排序的方法
2015/01/28 Javascript
浅谈JavaScript异常处理语句
2015/06/26 Javascript
JS+CSS实现表格高亮的方法
2015/08/05 Javascript
JavaScript中eval函数的问题
2016/01/31 Javascript
JavaScript组合模式学习要点
2016/08/26 Javascript
Bootstrap CSS使用方法
2016/12/23 Javascript
JS实现DIV高度自适应窗口示例
2017/02/16 Javascript
vue实现扫码功能
2020/01/17 Javascript
express异步函数异常捕获示例详解
2020/11/30 Javascript
使用vue3重构拼图游戏的实现示例
2021/01/25 Vue.js
python写的一个squid访问日志分析的小程序
2014/09/17 Python
用Python生成器实现微线程编程的教程
2015/04/13 Python
Python+Socket实现基于TCP协议的客户与服务端中文自动回复聊天功能示例
2017/08/31 Python
Python数据结构之顺序表的实现代码示例
2017/11/15 Python
Django中日期时间型字段进行年月日时分秒分组统计
2020/11/27 Python
CSS3 网页下拉菜单代码解释 中文翻译
2010/02/27 HTML / CSS
HTML5实现无刷新修改URL的方法
2019/11/14 HTML / CSS
详解如何使用rem或viewport进行移动端适配
2020/08/14 HTML / CSS
GOLFINO英国官网:高尔夫服装
2020/04/11 全球购物
图书室管理制度
2014/01/19 职场文书
《巨人的花园》教学反思
2014/02/12 职场文书
大学生演讲稿
2014/04/25 职场文书
小学生国旗下演讲稿
2014/04/25 职场文书
大专学生求职信
2014/07/04 职场文书
甜品店创业计划书
2014/09/21 职场文书
母亲节寄语大全
2015/02/27 职场文书
2016三八妇女节校园广播稿
2015/12/17 职场文书
自动在Windows中运行Python脚本并定时触发功能实现
2021/09/04 Python
win11无法添加打印机怎么办? 提示windows无法打开添加打印机的解决办法
2022/04/05 数码科技