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 相关文章推荐
FormValidate 表单验证功能代码更新并提供下载
Aug 23 Javascript
javascript面向对象的方式实现的弹出层效果代码
Jan 28 Javascript
jquery加载页面的方法(页面加载完成就执行)
Jun 21 Javascript
JS注册/移除事件处理程序(ExtJS应用程序设计实战)
May 07 Javascript
封装了一个支持匿名函数的Javascript事件监听器
Jun 05 Javascript
jQuery原生的动画效果
Jul 10 Javascript
JavaScript读二进制文件并用ajax传输二进制流的方法
Jul 18 Javascript
jQuery中库的引用方法
Jan 06 jQuery
node.js基础知识小结
Feb 26 Javascript
微信小程序生成海报分享朋友圈的实现方法
May 06 Javascript
在vue中使用vuex,修改state的值示例
Nov 08 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
Nov 24 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
BBS(php &amp; mysql)完整版(八)
2006/10/09 PHP
Linux Apache PHP Oracle 安装配置(具体操作步骤)
2013/06/17 PHP
thinkPHP模型初始化实例分析
2015/12/03 PHP
php 可变函数使用小结
2018/06/12 PHP
laravel框架实现为 Blade 模板引擎添加新文件扩展名操作示例
2020/01/25 PHP
Javascript 判断函数类型完美解决方案
2009/09/02 Javascript
百度移动版的url编码解码示例
2014/04/29 Javascript
js用typeof方法判断undefined类型
2014/07/15 Javascript
jQuery中:submit选择器用法实例
2015/01/03 Javascript
JavaScript实现的多个图片广告交替显示效果代码
2015/09/04 Javascript
一个用jquery写的判断div滚动条到底部的方法【推荐】
2016/04/29 Javascript
开启BootStrap学习之旅
2016/05/04 Javascript
jQuery判断checkbox选中状态
2016/05/12 Javascript
AngularJS ng-bind-template 指令详解
2016/07/30 Javascript
vuejs使用递归组件实现树形目录的方法
2017/09/30 Javascript
在vue项目中引入vue-beauty操作方法
2019/02/11 Javascript
vue实现学生信息管理系统
2020/05/30 Javascript
python处理圆角图片、圆形图片的例子
2014/04/25 Python
Python爬取网易云音乐上评论火爆的歌曲
2017/01/19 Python
Flask数据库迁移简单介绍
2017/10/24 Python
Django添加feeds功能的示例
2018/08/07 Python
python实现小球弹跳效果
2019/05/10 Python
python对矩阵进行转置的2种处理方法
2019/07/17 Python
python爬虫学习笔记之pyquery模块基本用法详解
2020/04/09 Python
html5 video标签屏蔽右键视频另存为的js代码
2013/11/12 HTML / CSS
英国内衣连锁店:Boux Avenue
2018/01/24 全球购物
bareMinerals官网:矿物质化妆品和护肤品
2018/02/04 全球购物
Solid & Striped官网:美国泳装品牌
2019/06/19 全球购物
网上常见的一份Linux面试题(多项选择部分)
2015/02/07 面试题
如何提高MySql的安全性
2014/06/19 面试题
Java如何获得ResultSet的总行数
2016/09/03 面试题
腾讯广告词
2014/03/19 职场文书
企业务虚会发言材料
2014/10/20 职场文书
导游词300字
2015/02/13 职场文书
2015年村计划生育工作总结
2015/04/28 职场文书
靠谱的活动总结
2019/04/16 职场文书