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 实现双色表格实现代码
Nov 24 Javascript
javascript学习笔记(三) String 字符串类型介绍
Jun 19 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 Javascript
使用jquery修改表单的提交地址基本思路
Jun 04 Javascript
完美兼容各大浏览器的jQuery插件实现图片切换特效
Dec 12 Javascript
基于jQuery实现定位导航位置效果
Nov 15 jQuery
原生js+cookie实现购物车功能的方法分析
Dec 21 Javascript
Angular2 父子组件通信方式的示例
Jan 29 Javascript
vue select组件的使用与禁用实现代码
Apr 10 Javascript
详解vue-router 动态路由下子页面多页共活的解决方案
Dec 22 Javascript
JQuery获得内容和属性方法解析
May 30 jQuery
vue 清空input标签 中file的值操作
Jul 21 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
不用数据库的多用户文件自由上传投票系统(1)
2006/10/09 PHP
开源SNS系统-ThinkSNS
2008/05/18 PHP
php生成二维码时出现中文乱码的解决方法
2014/12/18 PHP
textarea的value是html文件源代码,存成html文件的代码
2007/04/20 Javascript
javascript 原型继承介绍
2011/08/30 Javascript
jquery select多选框的左右移动 具体实现代码
2013/07/03 Javascript
firefox浏览器不支持innerText的解决方法
2013/08/07 Javascript
如何将网页表格内容导入excel
2014/02/18 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
2015/03/05 Javascript
js实现鼠标经过表格行变色的方法
2015/05/12 Javascript
js手动播放图片实现图片轮播效果
2016/09/17 Javascript
AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题
2017/01/21 Javascript
JSON键值对序列化和反序列化解析
2017/01/24 Javascript
微信小程序 UI与容器组件总结
2017/02/21 Javascript
利用vscode编写vue的简单配置详解
2017/06/17 Javascript
基于es6三点运算符的使用方法(实例讲解)
2017/10/12 Javascript
微信小程序中吸底按钮适配iPhone X方案
2017/11/29 Javascript
Vue+webpack项目基础配置教程
2018/02/12 Javascript
Angular脚手架开发的实现步骤
2019/04/09 Javascript
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
2020/12/02 Vue.js
Python实现监控程序执行时间并将其写入日志的方法
2015/06/30 Python
详解Python中的array数组模块相关使用
2016/07/05 Python
python如何拆分含有多种分隔符的字符串
2018/03/20 Python
Python爬虫——爬取豆瓣电影Top250代码实例
2019/04/17 Python
Python基于百度AI实现OCR文字识别
2020/04/02 Python
django 模型字段设置默认值代码
2020/07/15 Python
CSS中的字体大小设置属性总结
2016/05/24 HTML / CSS
大一学生职业生涯规划
2014/03/11 职场文书
2014年银行柜员工作总结
2014/11/12 职场文书
交通事故协议书范本
2014/11/18 职场文书
应急管理工作总结2015
2015/05/04 职场文书
2016年度员工工作表现评语
2015/12/02 职场文书
Python实现byte转integer
2021/06/03 Python
php双向队列实例讲解
2021/11/17 PHP
Redis keys命令的具体使用
2022/06/05 Redis
windows系统安装配置nginx环境
2022/06/28 Servers