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实现键盘左右翻页特效
Apr 30 Javascript
详解AngularJS的通信机制
Jun 18 Javascript
jQuery实现带有上下控制按钮的简单多行滚屏效果代码
Sep 04 Javascript
详解AngularJS 模态对话框
Apr 07 Javascript
JavaScript Promise 用法
Jun 14 Javascript
Javascript oop设计模式 面向对象编程简单实例介绍
Dec 13 Javascript
Angular2 路由问题修复详解
Mar 01 Javascript
Vue.js在使用中的一些注意知识点
Apr 29 Javascript
Django+Vue实现WebSocket连接的示例代码
May 28 Javascript
JavaScript 作用域scope简单汇总
Oct 23 Javascript
原生js拖拽实现图形伸缩效果
Feb 10 Javascript
Javascript模拟实现new原理解析
Mar 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 cron中的批处理
2008/09/16 PHP
php下将图片以二进制存入mysql数据库中并显示的实现代码
2010/05/27 PHP
在PHP中使用redis
2013/11/04 PHP
php基于ob_start(ob_gzhandler)实现网页压缩功能的方法
2017/02/18 PHP
Javascript注入技巧
2007/06/22 Javascript
javascript模版引擎-tmpl的bug修复与性能优化分析
2011/10/23 Javascript
JS随机生成不重复数据的实例方法
2013/07/17 Javascript
jquery图片不完全按比例自动缩小的简单代码
2013/07/29 Javascript
Javascript 实现复制(Copy)动作方法大全
2014/06/20 Javascript
封装好的js判断操作系统与浏览器代码分享
2015/01/09 Javascript
基于vue实现swipe分页组件实例
2017/05/25 Javascript
微信小程序实现动态显示和隐藏某个控件功能示例
2018/12/14 Javascript
vue实现随机验证码功能的实例代码
2019/04/30 Javascript
layui实现数据分页功能(ajax异步)
2019/07/27 Javascript
深入理解javascript中的this
2021/02/08 Javascript
python创建和使用字典实例详解
2013/11/01 Python
Python实现生成随机数据插入mysql数据库的方法
2017/12/25 Python
详解Django中类视图使用装饰器的方式
2018/08/12 Python
python合并已经存在的sheet数据到新sheet的方法
2018/12/11 Python
Python 计算任意两向量之间的夹角方法
2019/07/05 Python
Django框架model模型对象验证实现方法分析
2019/10/02 Python
Python3中的f-Strings增强版字符串格式化方法
2020/03/04 Python
使用Python将Exception异常错误堆栈信息写入日志文件
2020/04/08 Python
pandas 像SQL一样使用WHERE IN查询条件说明
2020/06/05 Python
CSS3实现跳动的动画效果
2016/09/12 HTML / CSS
html5时钟实现代码
2010/10/22 HTML / CSS
Urban Outfitters美国官网:美国生活方式品牌
2016/08/26 全球购物
安全标准化汇报材料
2014/02/03 职场文书
揠苗助长教学反思
2014/02/04 职场文书
协议书样本
2014/04/23 职场文书
扬尘污染防治方案
2014/06/15 职场文书
男性健康日的活动方案
2014/08/18 职场文书
《中国梦我的梦》大学生演讲稿
2014/08/20 职场文书
实习生个人总结范文
2015/02/28 职场文书
毕业论文致谢信
2015/05/14 职场文书
java设计模式--三种工厂模式详解
2021/07/21 Java/Android