关注前端开发微信微信号web007007

js防刷新的倒计时代码

作者 管理员 发布时间 2012-06-11 12:51 文章分类 JavaScript 文章评论 3条评论 阅读次数

这里做了个js防刷新的倒计时的例子,什么也不说了,直接上代码比较爽块

<pre><!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>WEB前端开发网-www.web92.net</title>
</head>

<body>
&lt;SCRIPT LANGUAGE=&quot;<a href="http://www.web92.net/tag/javascript" title="查看 JavaScript 中的全部文章" target="_blank">JavaScript</a>&quot;&gt;
&lt;!--
var maxtime;
if(window.name==''){ 
maxtime = 1*60;
}else{
maxtime = window.name;
}

function CountDown(){
if(maxtime&gt;=0){
minutes = Math.floor(maxtime/60);
seconds = Math.floor(maxtime%60);
msg = &quot;距离考试结束还有&quot;+minutes+&quot;分&quot;+seconds+&quot;秒&quot;;
document.all[&quot;timer&quot;].innerHTML = msg;
if(maxtime == 5*60) alert('注意,还有5分钟!');
--maxtime;
window.name = maxtime; 
}
else{
clearInterval(timer);
alert(&quot;考试时间到,结束!&quot;);
}
}
timer = setInterval(&quot;CountDown()&quot;,1000);
//--&gt;
&lt;/SCRIPT&gt;
&lt;div id=&quot;timer&quot; style=&quot;color:red&quot;&gt;&lt;/div&gt; 

&lt;/body&gt;
&lt;/html&gt;

本文固定链接: http://www.web92.net/379.html | WEB前端开发

该日志由 于2012年06月11日发表在 JavaScript 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: js防刷新的倒计时代码 | WEB前端开发
关键字: ,