📄 q0004.htm
字号:
<!--Saved from《天索星网》http://www.tasoo.2000c.net,E-mail:tasoo_cn@yahoo.com.cn-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!-- A:link {text-decoration: none; color:#000000}
A:visited {text-decoration: none; color: #000000}
A:active {text-decoration: none; color: #FF0000}
A:hover {text-decoration: underline; color: FF0000}
body{font-size=9pt}
TH{FONT-SIZE: 9pt}
TD{ FONT-SIZE: 9pt}-->
</style>
<title>《网络教程》之Javascript--限时自动载入页面</title>
<script LANGUAGE="JavaScript">
function startTimer(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
closeTime=hours*3600+mins*60+secs;
closeTime+=10;
Timer();
}
function Timer(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
curTime=hours*3600+mins*60+secs
if(curTime>=closeTime)
location = "../../../index.html"
else
timeLeft();
}
function timeLeft(){
count = closeTime-curTime;
document.timer.counter.value = count + " secs."
window.setTimeout("Timer()",1000)
}
</script>
</head>
<body topmargin="0" leftmargin="0" onLoad="startTimer()">
<div align="center"><center>
<table border="0" width="90%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" colspan="3" height="62"><div align="center"><center><table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="250"><img src="../photo/jx.gif" border="0" WIDTH="200" HEIGHT="80"></td>
<td width="468" height="60"></td>
</tr>
</table>
</center></div></td>
</tr>
<tr>
<td width="20%" bgcolor="#C8C882" valign="middle" align="center" height="22"></td>
<td width="80%" bgcolor="#C8C882" valign="middle" align="center" colspan="2" height="22"><strong><span style="font-size: 10pt; font-family: Arial">javascript 其他类</span></strong></td>
</tr>
<tr>
<td width="20%" valign="top" align="left"><div align="center"><center><table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">时间类</a></span></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">文字类</a></span></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">导航类</a></span></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">鼠标类</a></span></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">按钮类</a></span></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">跑马灯</a></span></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm"><strong><font face="Arial">COOKIE</font></strong>类</a></span></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">其他类</a></span></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="10" bgcolor="#505028"></td>
</tr>
</table>
</center></div></td>
<td width="80%" valign="top" align="left" colspan="2" height="242"><div align="center"><center><table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" bgcolor="#EBEBEB" valign="middle" align="center" height="18" colspan="3"><span style="font-size: 9pt">限时自动载入页面</span></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="2" colspan="3"></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="1" colspan="3" bgcolor="#000080"></td>
</tr>
<tr>
<td width="16%" valign="middle" align="center" height="22"></td>
<td width="67%" valign="middle" align="center" height="22"><form name="timer">
<strong><p>10秒内您将进入新页面:</strong> <input type="text" value name="counter" size="7"></p>
</form>
</td>
<td width="17%" valign="middle" align="center" height="22"></td>
</tr>
<tr>
<td width="16%" valign="middle" align="center" height="20"></td>
<td width="67%" valign="middle" align="center" height="20"></td>
<td width="17%" valign="middle" align="center" height="20"></td>
</tr>
<tr>
<td width="16%" valign="middle" align="center" height="22" rowspan="5"></td>
<td width="67%" valign="middle" align="left" height="4" bgcolor="#F0FAFF"><span style="font-size: 9pt; color: rgb(255,0,0)">第一步:拷贝下面的代码到你的html文件的<head>和</head>之间</span></td>
<td width="17%" valign="middle" align="center" height="22" rowspan="5"></td>
</tr>
<tr>
<td width="67%" valign="middle" align="center" height="3" bgcolor="#F0FAFF"><form name="copy1">
<p><textarea rows="6" name="S1" cols="40" onMouseOver="this.focus()" onFocus="this.select()"><script LANGUAGE="JavaScript">
function startTimer(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
closeTime=hours*3600+mins*60+secs;
closeTime+=10;
Timer();
}
function Timer(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
curTime=hours*3600+mins*60+secs
if(curTime>=closeTime)
location = "../../../index.html"
else
timeLeft();
}
function timeLeft(){
count = closeTime-curTime;
document.timer.counter.value = count + " secs."
window.setTimeout("Timer()",1000)
}
</script></textarea></p>
</form>
</td>
</tr>
<tr>
<td width="67%" valign="middle" align="left" height="3" bgcolor="#F0FAFF"><span style="font-size: 9pt; color: rgb(255,0,0)">第二步:拷贝下面的代码到你的html文件的任意地方</span></td>
</tr>
<tr>
<td width="67%" valign="middle" align="left" height="3" bgcolor="#F0FAFF"><form
name="timer"><br>
<strong><p>10秒内您将进入新页面:</strong> <input
type="text" value name="counter"<br>
size="7"></p><br>
</form></td>
</tr>
<tr>
<td width="67%" valign="middle" align="left" height="3" bgcolor="#F0FAFF"><span style="font-size: 9pt; color: rgb(255,0,0)">第三步:修改你的<body>语句为:</span>
<BODY onLoad="startTimer()"></td>
</tr>
</table>
</center></div></td>
</tr>
<tr>
<td width="20%" bgcolor="#FFFFFF" valign="middle" align="center" height="20"></td>
<td width="60%" height="20"></td>
<td width="20%" height="20"></td>
</tr>
<tr>
<td width="20%" bgcolor="#FFFFFF" valign="middle" align="center" height="17"></td>
<td width="60%" height="17"><p align="center"><span style="font-size: 9pt"><a href="q0003.htm">上一页</a> <a href="q0005.htm">下一页</a></span></td>
<td width="20%" height="17"></td>
</tr>
<tr>
<td width="20%" bgcolor="#FFFFFF" valign="middle" align="center" height="14"></td>
<td width="60%" height="14"></td>
<td width="20%" height="14"></td>
</tr>
<tr>
<td width="20%" bgcolor="#FFFFFF" valign="middle" align="center" height="14"></td>
<td width="60%" height="14"></td>
<td width="20%" height="14"></td>
</tr>
<tr>
<td width="20%" bgcolor="#FFFFFF" valign="middle" align="center" height="47"></td>
<td width="60%" height="47"><div align="center"><center><table cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><p align="center"><font color="#969696"><span style="font-size: 9pt">《天索星网》
星网制作 版权所有</span></font></td>
</tr>
<tr>
<td width="100%"><p align="center"><font color="#969696"><span style="font-size: 9pt; font-family: Arial">©2000-2001 All Rights Reserved</span></font></td>
</tr>
<tr>
<td width="100%"></td>
</tr>
</table>
</center></div></td>
<td width="20%" height="47"></td>
</tr>
</table>
</center></div>
</body>
</html>
<!--Saved from天索星网 版权所有;http://www.tasoo.2000c.net,E-mail:tasoo_cn@yahoo.com.cn-->
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -