Javascript实现倒计时(防页面刷新)实例


Posted in Javascript onDecember 13, 2016

话不多说,请看实例代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>前端开发</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
var maxtime;
if(window.name=='' || window.name == '-1' || isNaN(window.name)){
maxtime = 1*60;
}else{
maxtime = window.name;
}
function CountDown(){
if(maxtime>=0){
hours = Math.floor(maxtime/3600);
minutes = Math.floor((maxtime-hours*3600)/60);
seconds = Math.floor(maxtime%60);
msg = "距离考试结束还有"+hours+"时"+minutes+"分"+seconds+"秒";
document.all["timer"].innerHTML = msg;
if(maxtime == 5*60) alert('注意,还有5分钟!');
--maxtime;
window.name = maxtime;
}
else{
clearInterval(timer);
alert("考试时间到,结束!");
}
}
timer = setInterval("CountDown()",1000);
</SCRIPT>
<div id="timer" style="color:red"></div>
</body>
</html>

js控制定时执行,每隔一段时间定时执行

//后台查询执行请求 1min , ajax_wx_payment 为方法名
setInterval(ajax_wx_payment,1000*60);

js控制延时跳转

//延迟跳转 20min
setTimeout('ys_time_out()', 1000*60*20);

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
javascript event 事件解析
Jan 31 Javascript
javascript写的简单的计算器,内容很多,方法实用,推荐
Dec 29 Javascript
js简单实现HTML标签Select联动带跳转
Oct 23 Javascript
jquery交替变换颜色的三种方法 实例代码
Nov 19 Javascript
js实现可拖动DIV的方法
Dec 17 Javascript
js星星评分效果
Jul 24 Javascript
jQuery的animate函数学习记录
Aug 08 Javascript
jQuery实现获取绑定自定义事件元素的方法
Dec 02 Javascript
认识Knockout及如何使用Knockout绑定上下文
Dec 25 Javascript
JS碰撞运动实现方法详解
Dec 15 Javascript
JS正则截取两个字符串之间及字符串前后内容的方法
Jan 06 Javascript
简单了解vue.js数组的常用操作
Jun 17 Javascript
利用select实现年月日三级联动的日期选择效果【推荐】
Dec 13 #Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
Dec 13 #Javascript
深入理解选择框脚本[推荐]
Dec 13 #Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
Dec 13 #Javascript
Bootstrap modal使用及点击外部不消失的解决方法
Dec 13 #Javascript
jQuery 获取select选中值及清除选中状态
Dec 13 #Javascript
Bootstrap3 datetimepicker控件使用实例
Dec 13 #Javascript
You might like
一个显示天气预报的程序
2006/10/09 PHP
利用php实现禁用IE和火狐的缓存问题
2012/12/03 PHP
PHP基于php_imagick_st-Q8.dll实现JPG合成GIF图片的方法
2014/07/11 PHP
分享ThinkPHP3.2中关联查询解决思路
2015/09/20 PHP
PHP快速生成各种信息提示框的方法
2016/02/03 PHP
PHP rmdir()函数的用法总结
2019/07/02 PHP
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
2012/03/29 Javascript
基于js与flash实现的网站flv视频播放插件代码
2014/10/14 Javascript
创建你的第一个AngularJS应用的方法
2015/06/16 Javascript
node.js学习之交互式解释器REPL详解
2016/12/08 Javascript
jQuery使用方法
2017/02/04 Javascript
通过js动态创建标签,并设置属性方法
2018/02/24 Javascript
vue3.0 CLI - 2.6 - 组件的复用入门教程
2018/09/14 Javascript
详解微信小程序自定义组件的实现及数据交互
2019/07/22 Javascript
uni-app 支持多端第三方地图定位的方法
2020/01/03 Javascript
[01:01:13]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第三场
2018/04/06 DOTA
[47:04]EG vs RNG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
Python将图片批量从png格式转换至WebP格式
2020/08/22 Python
python实现壁纸批量下载代码实例
2018/01/25 Python
解决python3读取Python2存储的pickle文件问题
2018/10/25 Python
Python实现的拉格朗日插值法示例
2019/01/08 Python
python3利用ctypes传入一个字符串类型的列表方法
2019/02/12 Python
PyQt5 控件字体样式等设置的实现
2020/05/13 Python
解决python3.6用cx_Oracle库连接Oracle的问题
2020/12/07 Python
Python中全局变量和局部变量的理解与区别
2021/02/07 Python
大学毕业生通用自我评价
2014/01/05 职场文书
文艺晚会主持词
2014/03/24 职场文书
综合内勤岗位职责
2014/04/14 职场文书
文明工地标语
2014/06/16 职场文书
质量整改报告范文
2014/11/08 职场文书
劳模事迹材料范文
2014/12/24 职场文书
学年个人总结范文
2015/03/05 职场文书
初二物理教学反思
2016/02/19 职场文书
关于食品安全的演讲稿范文(三篇)
2019/10/21 职场文书
《别在吃苦的年纪选择安逸》读后感3篇
2019/11/30 职场文书
护士年终工作总结不会写?各科护士模板总结
2020/01/02 职场文书