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 相关文章推荐
javascript两种function的定义介绍及区别说明
May 02 Javascript
js对象内部访问this修饰的成员函数示例
Apr 27 Javascript
JavaScript页面模板库handlebars的简单用法
Mar 02 Javascript
JavaScript返回当前会话cookie全部键值对照的方法
Apr 03 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的方法
Nov 29 Javascript
bootstrap Validator 模态框、jsp、表单验证 Ajax提交功能
Feb 17 Javascript
JS得到当前时间的方法示例
Mar 24 Javascript
深入理解Node中的buffer模块
Jun 03 Javascript
bootstrap精简教程_动力节点Java学院整理
Jul 14 Javascript
zTree树形菜单交互选项卡效果的实现方法
Dec 25 Javascript
vue自动化表单实例分析
May 06 Javascript
如何使用 vue + d3 画一棵树
Dec 03 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 ADODB使用方法集锦
2008/03/25 PHP
php IP及IP段进行访问限制的代码
2008/12/17 PHP
php中使用DOM类读取XML文件的实现代码
2011/12/14 PHP
将word转化为swf 如同百度文库般阅读实现思路及代码
2013/08/09 PHP
PHP判断文章里是否有图片的简单方法
2014/07/26 PHP
推荐几个开源的微信开发项目
2014/12/28 PHP
PHP遍历数组的方法汇总
2015/04/30 PHP
php解决和避免form表单重复提交的几种方法
2016/08/31 PHP
PHP APP微信提现接口代码
2018/09/30 PHP
Swoole实现异步投递task任务案例详解
2019/04/02 PHP
PhpStorm+xdebug+postman调试技巧分享
2020/09/15 PHP
node.js中的fs.writeSync方法使用说明
2014/12/15 Javascript
使用AngularJS 应用访问 Android 手机的图片库
2015/03/24 Javascript
纯js实现仿QQ邮箱弹出确认框
2015/04/29 Javascript
用jQuery获取table中行id和td值的实现代码
2016/05/19 Javascript
谈一谈bootstrap响应式布局
2016/05/23 Javascript
AngularJS ng-style中使用filter
2016/09/21 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
2016/09/23 Javascript
利用js获取下拉框中所选的值
2016/12/01 Javascript
原生js实现商品放大镜效果
2017/01/12 Javascript
jQuery点击弹出层弹出模态框点击模态框消失代码分享
2017/01/21 Javascript
vue.js中引入vuex储存接口数据及调用的详细流程
2017/12/14 Javascript
JS常见面试试题总结【去重、遍历、闭包、继承等】
2019/08/27 Javascript
Python将多个list合并为1个list的方法
2018/06/27 Python
pycharm设置python文件模板信息过程图解
2020/03/10 Python
python 链接sqlserver 写接口实例
2020/03/11 Python
tensorflow dataset.shuffle、dataset.batch、dataset.repeat顺序区别详解
2020/06/03 Python
python如何查看安装了的模块
2020/06/23 Python
医院护士的求职信
2014/01/03 职场文书
乔迁之喜主持词
2014/03/27 职场文书
建筑安全责任书范本
2014/07/24 职场文书
优秀班主任主要事迹材料
2014/12/16 职场文书
如何使用flask将模型部署为服务
2021/05/13 Python
python 实现两个变量值进行交换的n种操作
2021/06/02 Python
Java设计模式之享元模式示例详解
2022/03/03 Java/Android
python的html标准库
2022/04/29 Python