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 相关文章推荐
动态改变textbox的宽高的js
Oct 26 Javascript
JS IE和FF兼容性问题汇总
Feb 09 Javascript
初窥JQuery-Jquery简介 入门了解篇
Nov 25 Javascript
再JavaScript的jQuery库中编写动画效果的指南
Aug 13 Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
Aug 01 Javascript
AngularJs bootstrap详解及示例代码
Sep 01 Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
Sep 17 Javascript
基于JS实现bookstore静态页面的实例代码
Feb 22 Javascript
微信小程序实战之轮播图(3)
Apr 17 Javascript
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
Jul 22 jQuery
JQuery实现ajax请求的示例和注意事项
Dec 10 jQuery
Vuex新手的理解与使用详解
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
PHP语言中global和$GLOBALS[]的分析 之二
2012/02/02 PHP
WordPress特定文章对搜索引擎隐藏或只允许搜索引擎查看
2015/12/31 PHP
php如何利用pecl安装mongodb扩展详解
2019/01/09 PHP
PHPStudy下如何为Apache安装SSL证书的方法步骤
2019/01/23 PHP
Javascript 类、命名空间、代码组织代码
2011/07/31 Javascript
JS判定是否原生方法
2013/07/22 Javascript
jquery模拟SELECT下拉框取值效果
2013/10/23 Javascript
jqueryUI里拖拽排序示例分析
2015/02/26 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
2015/08/20 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
2016/07/26 Javascript
jQuery组件easyui对话框实现代码
2016/08/25 Javascript
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
2016/09/21 Javascript
Vue.js2.0中的变化小结
2017/10/24 Javascript
javascript自定义事件功能与用法实例分析
2017/11/08 Javascript
使用vue自定义指令开发表单验证插件validate.js
2019/05/23 Javascript
一些可能会用到的Node.js面试题
2019/06/15 Javascript
vue移动端城市三级联动组件使用详解
2019/07/26 Javascript
解决Vue + Echarts 使用markLine标线(precision精度问题)
2020/07/20 Javascript
Python实现的Kmeans++算法实例
2014/04/26 Python
Python编程求解二叉树中和为某一值的路径代码示例
2018/01/04 Python
微信跳一跳辅助python代码实现
2018/01/05 Python
关于python多重赋值的小问题
2019/04/17 Python
Python两台电脑实现TCP通信的方法示例
2019/05/06 Python
Django实现文件上传和下载功能
2019/10/06 Python
如何用python爬取微博热搜数据并保存
2021/02/20 Python
纯CSS3实现Material Design效果
2017/03/09 HTML / CSS
Html5内唤醒百度、高德APP的实现示例
2019/05/20 HTML / CSS
html5的新玩法——语音搜索
2013/01/03 HTML / CSS
世界上最大的餐具公司:Oneida
2016/12/17 全球购物
英国受欢迎的运动鞋和街头服装商店:Footasylum
2018/06/12 全球购物
美国电力供应商店/电气批发商:USESI
2018/10/12 全球购物
安踏官方商城:anta.cn
2019/12/16 全球购物
企划专员岗位职责
2013/12/09 职场文书
有限责任公司股东合作协议书范本
2014/10/30 职场文书
男方家长婚礼致辞
2015/07/27 职场文书
CentOS 7安装mysql5.7使用XtraBackUp备份工具命令详解
2022/04/12 MySQL