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 相关文章推荐
5秒后跳转效果(setInterval/SetTimeOut)
May 03 Javascript
Jquery Uploadify多文件上传带进度条且传递自己的参数
Aug 28 Javascript
AngularJs根据访问的页面动态加载Controller的解决方案
Feb 04 Javascript
浅析JS运动
Dec 28 Javascript
浅析jQuery Ajax通用js封装
Jun 22 Javascript
JavaScript中对象的不同创建方法
Aug 12 Javascript
js转html实体的方法
Sep 27 Javascript
jquery dialog获取焦点的方法
Feb 09 Javascript
令按钮悬浮在(手机)页面底部的实现方法
May 02 Javascript
js指定步长实现单方向匀速运动
Jul 17 Javascript
原生JS获取元素的位置与尺寸实现方法
Oct 18 Javascript
Vue实现用户自定义字段显示数据的方法
Aug 28 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读取html并截取字符串的简单代码
2009/11/30 PHP
无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装最快的解决办法
2010/08/01 PHP
phpnow php探针环境检测代码
2014/11/04 PHP
浅谈PHP中的数据传输CURL
2016/09/06 PHP
[原创]PHP正则删除html代码中a标签并保留标签内容的方法
2017/05/23 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
js 表格隔行颜色
2009/12/02 Javascript
jQuery setTimeout()函数使用方法
2013/04/07 Javascript
用JavaScript实现一个代码简洁、逻辑不复杂的多级树
2014/05/23 Javascript
实例代码讲解jquery easyui动态tab页
2015/11/17 Javascript
基于JS实现新闻列表无缝向上滚动实例代码
2016/01/22 Javascript
IE8 内存泄露(内存一直增长 )的原因及解决办法
2016/04/06 Javascript
canvas快速绘制圆形、三角形、矩形、多边形方法介绍
2016/12/29 Javascript
jQuery插件zTree实现更新根节点中第i个节点名称的方法示例
2017/03/08 Javascript
Angularjs Promise实例详解
2018/03/15 Javascript
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
2019/04/04 Javascript
vue-drag-chart 拖动/缩放图表组件的实例代码
2020/04/10 Javascript
微信小程序实现带放大效果的轮播图
2020/05/26 Javascript
js+css实现全屏侧边栏
2020/06/16 Javascript
[01:51]2014DOTA2西雅图邀请赛 MVP 外卡赛black场间采访
2014/07/09 DOTA
python2.7 安装pip的方法步骤(管用)
2019/05/05 Python
Python搭建代理IP池实现存储IP的方法
2019/10/27 Python
python自动生成sql语句的脚本
2021/02/24 Python
Bench加拿大官方网站:英国城市服装品牌
2017/11/03 全球购物
荷兰鞋子在线:Nelson Schoenen
2017/12/25 全球购物
马德里运动鞋商店:Nigra Mercato
2020/02/16 全球购物
焊接专业毕业生求职信
2013/10/01 职场文书
学前班评语大全
2014/05/04 职场文书
理想点亮人生演讲稿
2014/05/21 职场文书
励志演讲稿600字
2014/08/21 职场文书
医学生自荐信范文
2015/03/05 职场文书
迎新生欢迎词2015
2015/07/16 职场文书
《活见鬼》教学反思
2016/02/24 职场文书
8g内存用python读取10文件_面试题-python 如何读取一个大于 10G 的txt文件?
2021/05/28 Python
详解Laravel制作API接口
2021/05/31 PHP
Python 图片添加美颜效果
2022/04/28 Python