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 相关文章推荐
用脚本调用样式的几种方法
Dec 09 Javascript
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
Dec 11 Javascript
javascript面向对象程序设计高级特性经典教程(值得收藏)
May 19 Javascript
JavaScript 弹出子窗体并返回结果到父窗体的实现代码
May 28 Javascript
AngularJS 服务详细讲解及示例代码
Aug 17 Javascript
JS HTML图片显示Canvas 压缩功能
Jul 21 Javascript
详解Layer弹出层样式
Aug 21 Javascript
vue.js的手脚架vue-cli项目搭建的步骤
Aug 30 Javascript
微信小程序中button组件的边框设置的实例详解
Sep 27 Javascript
vue-router项目实战总结篇
Feb 11 Javascript
详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on
Oct 12 Javascript
JS解惑之Object中的key是有序的么
May 06 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 防止单引号,双引号在接受页面转义
2008/07/10 PHP
php实现的发送带附件邮件类实例
2014/09/22 PHP
PHP识别二维码的方法(php-zbarcode安装与使用)
2016/07/07 PHP
php封装json通信接口详解及实例
2017/03/07 PHP
HR vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
捕获和分析JavaScript Error的方法
2014/03/25 Javascript
jQuery ajax serialize() 方法使用示例
2014/11/02 Javascript
纯JavaScript实现获取onclick、onchange等事件的值
2014/12/29 Javascript
jQuery实现表单步骤流程导航代码分享
2015/08/28 Javascript
jQuery实现图片轮播特效代码分享
2015/09/15 Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
2015/10/28 Javascript
深入浅出讲解ES6的解构
2016/08/03 Javascript
javascript正则表达式模糊匹配IP地址功能示例
2017/01/06 Javascript
vue.js根据代码运行环境选择baseurl的方法
2018/02/28 Javascript
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
2018/08/20 Javascript
js计时事件实现圆形时钟
2020/03/25 Javascript
vue设置全局访问接口API地址操作
2020/08/14 Javascript
Ant Design Pro 之 ProTable使用操作
2020/10/31 Javascript
使用JS实现鼠标放上图片进行放大离开实现缩小功能
2021/01/27 Javascript
Python利用flask sqlalchemy实现分页效果
2020/08/02 Python
Python断言assert的用法代码解析
2018/02/03 Python
python数据处理之如何选取csv文件中某几行的数据
2019/09/02 Python
将python安装信息加入注册表的示例
2019/11/20 Python
keras实现基于孪生网络的图片相似度计算方式
2020/06/11 Python
Python通过yagmail实现发送邮件代码解析
2020/10/27 Python
区域销售经理职责
2013/12/22 职场文书
预备党员入党自我评价范文
2014/03/10 职场文书
公司收款委托书范本
2014/09/20 职场文书
应届毕业生求职简历自我评价
2015/03/02 职场文书
退休欢送会致辞
2015/07/31 职场文书
2016春季校长开学典礼致辞
2015/11/26 职场文书
2016年七夕爱情寄语
2015/12/04 职场文书
《绝招》教学反思
2016/02/20 职场文书
canvas多重阴影发光效果实现
2021/04/20 Javascript
Python实现制作销售数据可视化看板详解
2021/11/27 Python
CSS 左边固定宽右边自适应的6种方法
2022/05/15 HTML / CSS