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 多行文本框(textarea)高度变化
Jul 03 Javascript
js截取中英文字符串、标点符号无乱码示例解读
Apr 17 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
Jul 01 Javascript
jQuery的Scrollify插件实现滑动到页面下一节点
Jul 05 Javascript
基于jquery实现放大镜效果
Aug 17 Javascript
原生js实现图片轮播特效
Dec 18 Javascript
js实现随机点名小功能
Aug 17 Javascript
js实现左右两侧浮动广告
Jul 09 Javascript
mpvue写一个CPASS小程序的示例
Sep 04 Javascript
JS异步处理的进化史深入讲解
Aug 25 Javascript
如何使用原生Js实现随机点名详解
Jan 06 Javascript
Vue.js中v-bind指令的用法介绍
Mar 13 Vue.js
利用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读取大文件示例分享(文件操作类)
2014/04/13 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
jquery命令汇总,方便使用jquery的朋友
2012/06/26 Javascript
JavaScript中Date对象的常用方法示例
2015/10/24 Javascript
jquery彩色投票进度条简单实例演示
2020/07/23 Javascript
继续学习javascript闭包
2015/12/03 Javascript
JavaScript代码生成PDF文件的方法
2016/02/26 Javascript
js 自带的 map() 方法全面了解
2016/08/16 Javascript
angular route中使用resolve在uglify压缩后问题解决
2016/09/21 Javascript
微信小程序 radio单选框组件详解及实例代码
2017/01/10 Javascript
详解nodejs操作mongodb数据库封装DB类
2017/04/10 NodeJs
Vue登录注册并保持登录状态的方法
2018/08/17 Javascript
JQuery实现ajax请求的示例和注意事项
2018/12/10 jQuery
thinkjs微信中控之微信鉴权登陆的实现代码
2019/08/08 Javascript
如何通过shell脚本自动生成vue文件详解
2019/09/10 Javascript
解决vue无法侦听数组及对象属性的变化问题
2020/07/17 Javascript
js属性对象的hasOwnProperty方法的使用
2021/02/05 Javascript
[02:35]DOTA2英雄基础教程 狙击手
2014/01/14 DOTA
[01:20]DOTA2 齐天大圣至宝动态展示
2016/12/13 DOTA
Python中List.index()方法的使用教程
2015/05/20 Python
python类装饰器用法实例
2015/06/04 Python
Scrapy框架CrawlSpiders的介绍以及使用详解
2017/11/29 Python
Python+OpenCV让电脑帮你玩微信跳一跳
2018/01/04 Python
Python队列、进程间通信、线程案例
2019/10/25 Python
Python拼接字符串的7种方式详解
2020/03/19 Python
Pycharm中安装wordcloud等库失败问题及终端通过pip安装的Python库如何添加到Pycharm解释器中(推荐)
2020/05/10 Python
解决canvas转base64/jpeg时透明区域变成黑色背景的方法
2016/10/23 HTML / CSS
毕业生医学检验求职信
2013/10/16 职场文书
房屋租赁协议书范本
2014/04/10 职场文书
红领巾广播站广播稿(3篇)
2014/09/20 职场文书
校长个人总结
2015/03/03 职场文书
2016教师学习教育法心得体会
2016/01/19 职场文书
《开国大典》教学反思
2016/02/16 职场文书
Redis实现一个账号只能登录一个设备
2022/04/19 Redis