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 oop开发滑动(slide)菜单控件
Aug 25 Javascript
微信分享的标题、缩略图、连接及描述设置方法
Oct 14 Javascript
node.js中的console.warn方法使用说明
Dec 09 Javascript
jQuery中filter()方法用法实例
Jan 06 Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
Mar 26 Javascript
JS给Textarea文本框添加行号的方法
Aug 20 Javascript
基于jPlayer三分屏的制作方法
Dec 21 Javascript
js表单序列化判断空值的实例
Sep 22 Javascript
JavaScript运行原理分析
Feb 09 Javascript
vue vue-Router默认hash模式修改为history需要做的修改详解
Sep 13 Javascript
vue实现双向绑定和依赖收集遇到的坑
Nov 29 Javascript
vue ant design 封装弹窗表单的使用
Jun 01 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
PHP5中MVC结构学习
2006/10/09 PHP
php教程之phpize使用方法
2014/02/12 PHP
PHP冒泡算法详解(递归实现)
2014/11/10 PHP
基于php编程规范(详解)
2017/08/17 PHP
laravel框架中视图的基本使用方法分析
2019/11/23 PHP
怎么用javascript进行拖拽
2006/07/20 Javascript
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
2013/01/24 Javascript
jquery交替变换颜色的三种方法 实例代码
2013/11/19 Javascript
jQuery实现点击该行即可删除HTML表格行
2014/10/17 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
2016/11/03 Javascript
JavaScript实现计数器基础方法
2017/10/10 Javascript
js定时器+简单的动画效果实例
2017/11/10 Javascript
浅谈React 服务器端渲染的使用
2018/05/08 Javascript
ionic grid(栅格)九宫格制作详解
2018/06/30 Javascript
swiper在vue项目中loop循环轮播失效的解决方法
2018/09/15 Javascript
Vue核心概念Getter的使用方法
2019/01/18 Javascript
vue-父子组件和ref实例详解
2019/11/10 Javascript
详解Vue的组件中data选项为什么必须是函数
2020/08/17 Javascript
Element el-button 按钮组件的使用详解
2021/02/01 Javascript
[01:13:59]LGD vs Mineski Supermajor 胜者组 BO3 第三场 6.5
2018/06/06 DOTA
python写的ARP攻击代码实例
2014/06/04 Python
Python采用Django制作简易的知乎日报API
2016/08/03 Python
python实现批量修改文件名代码
2017/09/10 Python
Scrapy框架CrawlSpiders的介绍以及使用详解
2017/11/29 Python
Python用5行代码写一个自定义简单二维码
2018/10/21 Python
使用Python开发SQLite代理服务器的方法
2018/12/07 Python
Python实现图片转字符画的代码实例
2019/02/22 Python
python 实现将Numpy数组保存为图像
2020/01/09 Python
用Python制作音乐海报
2021/01/26 Python
css3简单练习实现遨游浏览器logo的绘制
2013/01/30 HTML / CSS
阻止移动设备(手机、pad)浏览器双击放大网页的方法
2014/06/03 HTML / CSS
英国可持续奢侈品包包品牌:Elvis & Kresse
2018/08/05 全球购物
《黄山奇石》教学反思
2014/04/19 职场文书
道德大讲堂实施方案
2014/05/14 职场文书
正风肃纪剖析材料
2014/09/30 职场文书
2014保险公司个人工作总结
2014/12/09 职场文书