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 相关文章推荐
图标线性回归斜着移动到指定的位置
Aug 16 Javascript
javascript验证只能输入数字和一个小数点示例
Oct 21 Javascript
基于jquery css3实现点击动画弹出表单源码特效
Aug 31 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
Aug 17 Javascript
Bootstrap 填充Json数据的实例代码
Jan 11 Javascript
Angular指令之restict匹配模式的详解
Jul 27 Javascript
JS Testing Properties 判断属性是否在对象里的方法
Oct 01 Javascript
浅谈Vue.js路由管理器 Vue Router
Aug 16 Javascript
手把手教你 CKEDITOR 4 扩展插件制作
Jun 18 Javascript
JavaScript命名空间模式实例详解
Jun 20 Javascript
原生JS 实现的input输入时表格过滤操作示例
Aug 03 Javascript
vue router返回到指定的路由的场景分析
Nov 10 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 Sql Server连接失败问题及解决办法
2009/08/07 PHP
php实现图片添加水印功能
2014/02/13 PHP
PHP写日志的实现方法
2014/11/05 PHP
教大家制作简单的php日历
2015/11/17 PHP
详解PHP原生DOM对象操作XML的方法
2016/10/17 PHP
使用PHPExcel导出Excel表
2018/09/08 PHP
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
2013/01/23 Javascript
javascript实现tabs选项卡切换效果(自写原生js)
2013/03/19 Javascript
js获取当前日期代码适用于网页头部
2013/06/27 Javascript
JS+JSP checkBox 全选具体实现
2014/01/02 Javascript
js操作输入框中选择内容兼容IE及其他主流浏览器
2014/04/22 Javascript
jQuery子属性过滤选择器用法分析
2015/02/10 Javascript
javascript字符串与数组转换汇总
2015/05/26 Javascript
jfinal与bootstrap的登录跳转实战演习
2015/09/22 Javascript
基于javascript实现的购物商城商品倒计时实例
2016/12/11 Javascript
canvas绘制万花筒效果(代码分享)
2017/01/20 Javascript
Javascript中的作用域及块级作用域
2017/12/08 Javascript
Vue项目中如何引入icon图标
2018/03/28 Javascript
webpack+vue+express(hot)热启动调试简单配置方法
2018/09/19 Javascript
vue中v-for循环给标签属性赋值的方法
2018/10/18 Javascript
微信小程序实现留言功能
2018/10/31 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
2019/03/13 Javascript
微信小程序非跳转式组件授权登录的方法示例
2019/05/22 Javascript
详解微信小程序轨迹回放实现及遇到的坑
2021/02/02 Javascript
Python中字典(dict)和列表(list)的排序方法实例
2014/06/16 Python
Python实现动态图解析、合成与倒放
2018/01/18 Python
python实现12306抢票及自动邮件发送提醒付款功能
2018/03/08 Python
TensorFlow实现卷积神经网络CNN
2018/03/09 Python
Python 支持向量机分类器的实现
2020/01/15 Python
Django模板标签中url使用详解(url跳转到指定页面)
2020/03/19 Python
优良学风班总结材料
2014/02/08 职场文书
3的组成教学反思
2014/04/30 职场文书
于丹讲座视频观后感
2015/06/15 职场文书
JS如何使用剪贴板操作Clipboard API
2021/05/17 Javascript
Win11怎么修改电源模式?Win11修改电源模式的方法
2022/04/05 数码科技
电脑开机弹出documents文件夹怎么回事?弹出documents文件夹解决方法
2022/04/08 数码科技