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 相关文章推荐
window.location的重写及判断location是否被重写
Sep 04 Javascript
js实现简单的联动菜单效果
Aug 19 Javascript
js实现input框文字动态变换显示效果
Aug 19 Javascript
AngularJs基本特性解析(一)
Jul 21 Javascript
解析如何利用iframe标签以及js制作时钟
Dec 08 Javascript
详解React 的几种条件渲染以及选择
Oct 23 Javascript
javascript的惯性运动实现代码实例
Sep 07 Javascript
HTML+JavaScript实现扫雷小游戏
Sep 30 Javascript
VUE实现强制渲染,强制更新
Oct 29 Javascript
vue下canvas裁剪图片实例讲解
Apr 16 Javascript
JavaScript检测是否开启了控制台(F12调试工具)
Oct 02 Javascript
通过实例解析javascript Date对象属性及方法
Nov 04 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
一个用php3编写的简单计数器
2006/10/09 PHP
推荐php模板技术[转]
2007/01/04 PHP
PHPMailer使用教程(PHPMailer发送邮件实例分析)
2012/12/06 PHP
PHP中exec与system用法区别分析
2014/09/22 PHP
smarty模板引擎基础知识入门
2015/03/30 PHP
老生常谈PHP中的数据结构:DS扩展
2017/07/17 PHP
PHP数组实际占用内存大小原理解析
2020/12/11 PHP
Nigma vs AM BO3 第一场2.13
2021/03/10 DOTA
JQuery中getJSON的使用方法
2010/12/13 Javascript
jQuery 遍历函数详解
2015/07/05 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
2016/08/17 Javascript
深入理解React中es6创建组件this的方法
2016/08/29 Javascript
jquery select2的使用心得(推荐)
2016/12/04 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
2017/06/08 Javascript
node.js 用socket实现聊天的示例代码
2017/10/17 Javascript
用Node编写RESTful API接口的示例代码
2018/07/04 Javascript
Vue中 v-if 和v-else-if页面加载出现闪现的问题及解决方法
2018/10/12 Javascript
详解Vue实战指南之依赖注入(provide/inject)
2018/11/13 Javascript
vue动态子组件的两种实现方式
2019/09/01 Javascript
JS Ajax请求会话过期处理问题解决方法分析
2019/11/16 Javascript
python爬虫入门教程之糗百图片爬虫代码分享
2014/09/02 Python
python使用xmlrpclib模块实现对百度google的ping功能
2015/06/02 Python
PyTorch之图像和Tensor填充的实例
2019/08/18 Python
django自带serializers序列化返回指定字段的方法
2019/08/21 Python
python多线程并发及测试框架案例
2019/10/15 Python
使用python的turtle绘画滑稽脸实例
2019/11/21 Python
在pytorch中对非叶节点的变量计算梯度实例
2020/01/10 Python
phonegap常用事件总结(必看篇)
2017/03/31 HTML / CSS
Myprotein加拿大官网:欧洲第一的运动营养品牌
2018/01/06 全球购物
利物浦足球俱乐部官方商店(美国):Liverpool FC US
2019/10/09 全球购物
小学教师管理制度
2014/01/18 职场文书
2014学雷锋活动总结
2014/03/09 职场文书
村安全生产责任书
2014/08/25 职场文书
六一领导慰问欢迎词
2015/01/26 职场文书
趣味运动会赞词
2015/07/22 职场文书
golang 如何用反射reflect操作结构体
2021/04/28 Golang