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 相关文章推荐
用js判断页面是否加载完成实现代码
Dec 11 Javascript
详解JavaScript对象和数组
Dec 03 Javascript
javascript字符串函数汇总
Dec 06 Javascript
js 声明数组和向数组中添加对象变量的简单实例
Jul 28 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
Nov 10 Javascript
浅谈关于axios和session的一些事
Jul 13 Javascript
vue.js配合$.post从后台获取数据简单demo分享
Aug 11 Javascript
JavaScript私有变量实例详解
Jan 24 Javascript
教你如何用Node实现API的转发(某音乐)
Sep 20 Javascript
Vue.js watch监视属性知识点总结
Nov 11 Javascript
JS sort排序详细使用方法示例解析
Sep 27 Javascript
vue中使用腾讯云Im的示例
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
学习使用curl采集curl使用方法
2012/01/11 PHP
php出租房数据管理及搜索页面
2017/05/23 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
Laravel框架实现即点即改功能的方法分析
2019/10/31 PHP
BOOM vs RR BO3 第一场2.13
2021/03/10 DOTA
Aster vs KG BO3 第二场2.18
2021/03/10 DOTA
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
2010/03/31 Javascript
表单的焦点顺序tabindex和对应enter键提交
2013/01/04 Javascript
JS修改css样式style浅谈
2013/05/06 Javascript
IE中图片的onload事件无效问题和解决方法
2014/06/06 Javascript
JavaScript数值转换的三种方式总结
2014/07/31 Javascript
AngularJS实现表单验证
2015/01/28 Javascript
jQuery代码实现表格中点击相应行变色功能
2016/05/09 Javascript
jquery使用on绑定a标签无效 只能用live解决
2016/06/02 Javascript
关于 angularJS的一些用法
2017/11/29 Javascript
微信小程序实现原生步骤条
2019/07/25 Javascript
vue集成chart.js的实现方法
2019/08/20 Javascript
Vue实现滑动拼图验证码功能
2019/09/15 Javascript
Js视频播放器插件Video.js使用方法详解
2020/02/04 Javascript
JS继承定义与使用方法简单示例
2020/02/19 Javascript
Vant Weapp组件踩坑:picker的初始赋值解决
2020/11/12 Javascript
[44:21]Ti4 循环赛第四日 附加赛NEWBEE vs LGD
2014/07/13 DOTA
[47:02]2018DOTA2亚洲邀请赛3月29日 小组赛B组 VP VS paiN
2018/03/30 DOTA
Python按行读取文件的实现方法【小文件和大文件读取】
2016/09/19 Python
Python命名空间namespace及作用域原理解析
2020/06/05 Python
Python对excel的基本操作方法
2021/02/18 Python
详解px单位html5响应式方案
2018/03/08 HTML / CSS
大家访活动实施方案
2014/03/10 职场文书
2014世界杯球队球队口号
2014/06/05 职场文书
兽医医药专业求职信
2014/07/27 职场文书
2014年幼儿园园长工作总结
2014/12/17 职场文书
停课通知书
2015/04/24 职场文书
亮剑观后感500字
2015/06/05 职场文书
详解Python requests模块
2021/06/21 Python
win10如何更改appdata文件夹的默认位置?
2022/07/15 数码科技
不想升级Win11?教你彻底锁定老版Windows系统的方法(附下载地址)
2022/09/23 数码科技