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 相关文章推荐
JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数
May 14 Javascript
JavaScript Cookie 直接浏览网站分网址
Dec 08 Javascript
jQuery插件-jRating评分插件源码分析及使用方法
Dec 28 Javascript
javascript四舍五入函数代码分享(保留后几位)
Dec 10 Javascript
Javascript中实现trim()函数的两种方法
Feb 04 Javascript
在JavaScript中使用对数Math.log()方法的教程
Jun 15 Javascript
AngularJS 2.0入门权威指南
Oct 08 Javascript
vue实现移动端图片裁剪上传功能
Aug 18 Javascript
js实现图片放大展示效果
Aug 30 Javascript
Babel 入门教程学习笔记
Jun 13 Javascript
vue.js使用v-pre与v-html输出HTML操作示例
Jul 07 Javascript
Vue+axios封装请求实现前后端分离
Oct 23 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
PHP中实现进程间通讯
2006/10/09 PHP
rephactor 优秀的PHP的重构工具
2011/06/09 PHP
PHP转换文件夹下所有文件编码的实现代码
2013/06/06 PHP
从零开始学YII2框架(六)高级应用程序模板
2014/08/20 PHP
php实现的简单中文验证码功能示例
2017/01/03 PHP
Laravel框架数据库迁移操作实例详解
2020/04/06 PHP
javascript 嵌套的函数(作用域链)
2010/03/15 Javascript
获取焦点时,利用js定时器设定时间执行动作
2010/04/02 Javascript
JSON 数据格式介绍
2012/01/13 Javascript
javascript-表格排序(降序/反序)实现介绍(附图)
2013/05/30 Javascript
禁止IE用右键的JS代码
2013/12/30 Javascript
ie9 提示'console' 未定义问题的解决方法
2014/03/20 Javascript
实例讲解JavaScript中instanceof运算符的用法
2016/06/08 Javascript
使用ngrok+express解决本地环境中微信接口调试问题
2018/02/26 Javascript
Vue2.0实现组件数据的双向绑定问题
2018/03/06 Javascript
实例讲解React 组件
2020/07/07 Javascript
Vue实现Header渐隐渐现效果的实例代码
2020/11/05 Javascript
[01:46]2018完美盛典章节片——坚守
2018/12/17 DOTA
介绍Python的Urllib库的一些高级用法
2015/04/30 Python
python:socket传输大文件示例
2017/01/18 Python
Python OpenCV 直方图的计算与显示的方法示例
2018/02/08 Python
简单了解python的一些位运算技巧
2019/07/13 Python
python的mysql数据库建立表与插入数据操作示例
2019/09/30 Python
python下载库的步骤方法
2019/10/12 Python
Python selenium 加载并保存QQ群成员,去除其群主、管理员信息的示例代码
2020/05/28 Python
GUESS盖尔斯法国官网:美国时尚品牌
2016/09/23 全球购物
四川internet信息高速公路(C#)笔试题
2012/02/29 面试题
物业总经理岗位职责
2014/02/28 职场文书
幼儿园中班教师寄语
2014/04/03 职场文书
出纳试用期自我鉴定
2014/04/07 职场文书
2014年党员创先争优承诺书
2014/05/29 职场文书
学前教育专业求职信
2014/09/02 职场文书
房产公证书
2015/01/23 职场文书
2015年五一劳动节演讲稿
2015/03/18 职场文书
2015年店长个人工作总结
2015/10/23 职场文书
php引用传递
2021/04/01 PHP