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封装和作用域
Jul 09 Javascript
Extjs NumberField后面加单位实现思路
Jul 30 Javascript
深入理解javascript动态插入技术
Nov 12 Javascript
js获取视频时长代码
Apr 10 Javascript
transport.js和jquery冲突问题的解决方法
Feb 10 Javascript
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
Jun 19 Javascript
实例讲解jquery与json的结合
Jan 07 Javascript
微信小程序-消息提示框实例
Nov 24 Javascript
浅谈JS封闭函数、闭包、内置对象
Jul 18 Javascript
vue组件通信传值操作示例
Jan 08 Javascript
Vue项目实现换肤功能的一种方案分析
Aug 28 Javascript
javascript刷新父页面方法汇总详解
Oct 10 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
PHP5 安装方法
2007/01/15 PHP
PHP入门速成教程
2007/03/19 PHP
php图片验证码代码
2008/03/27 PHP
js获取单选按钮的数据
2006/11/27 Javascript
学习YUI.Ext第五日--做拖放Darg&amp;Drop
2007/03/10 Javascript
jQuery打印指定区域Html页面并自动分页
2014/07/04 Javascript
完美实现bootstrap分页查询
2015/12/09 Javascript
浅谈JS使用[ ]来访问对象属性
2016/09/21 Javascript
mvc 、bootstrap 结合分布式图简单实现分页
2016/10/10 Javascript
JavaScript实现左右下拉框动态增删示例
2017/03/09 Javascript
bootstrap日期控件问题(双日期、清空等问题解决)
2017/04/19 Javascript
JS+HTML5实现上传图片预览效果完整实例【测试可用】
2017/04/20 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
2017/06/16 Javascript
详解Vue双向数据绑定原理解析
2017/09/11 Javascript
Layer弹出层动态获取数据的方法
2018/08/20 Javascript
Vue.extend实现挂载到实例上的方法
2019/05/01 Javascript
webpack中如何加载静态文件的方法步骤
2019/05/18 Javascript
微信小程序激励式视频广告组件使用详解
2019/12/06 Javascript
[03:01]完美盛典趣味短片 DOTA2年度最佳&拉胯英雄
2019/12/07 DOTA
python选择排序算法的实现代码
2013/11/21 Python
python求斐波那契数列示例分享
2014/02/14 Python
Python解析、提取url关键字的实例详解
2018/12/17 Python
FFT快速傅里叶变换的python实现过程解析
2019/10/21 Python
如何Tkinter模块编写Python图形界面
2020/10/14 Python
实列教程 一款基于jquery和css3的响应式二级导航菜单
2014/11/13 HTML / CSS
H&M美国官网:欧洲最大的服饰零售商
2016/09/07 全球购物
巴塞罗那观光通票:Barcelona Pass
2019/10/30 全球购物
大学旷课检讨书
2014/01/28 职场文书
光信息科学与技术专业职业生涯规划
2014/03/13 职场文书
英语故事演讲稿
2014/04/29 职场文书
交通安全标语
2014/06/06 职场文书
信息与工商管理职业规划范文:为梦想而搏击
2014/09/11 职场文书
有限公司股东合作协议书
2014/10/29 职场文书
2014年新教师工作总结
2014/11/08 职场文书
JavaScript阻止事件冒泡的方法
2021/12/06 Javascript
Vue2项目中对百度地图的封装使用详解
2022/06/16 Vue.js