倒计时页面与自动跳转
本文介绍了一个简单的网页应用，该应用使用JavaScript实现页面上的倒计时效果，并在设定的时间结束后自动跳转到指定的URL。通过定时器和页面元素的更新，实现了动态显示剩余时间的功能。
<%@ Page Language="C#" EnableViewState="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script type="text/javascript">
<!--
var duration=2900;
var endTime = new Date().getTime() + duration + 100;
function interval()
{
var n=(endTime-new Date().getTime())/1000;
if(n<0) return;
document.getElementById("timeout").innerHTML = n.toFixed(3);
setTimeout(interval, 10);
}
window.onload=function()
{
setTimeout("window.location.href='http://community.youkuaiyun.com/index.htm'", duration);
interval();
}
//-->
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>ｷ｢ﾉ嶸﨔・/title>
</head>
<body>
<form id="form1" runat="server">
<div>
ｶﾔｲｻﾆ｡ﾄ耆ﾃﾎﾊｵﾄﾒｳﾃ豕惞｡<br />
ﾏｵﾍｳﾔﾚ <span id="timeout">3.000</span> ﾃ・・ｽｫﾗﾔｶｯﾌｪｵｽ <a href="http://community.youkuaiyun.com/index.htm">ﾉ酩ﾗﾒｳ</a>
</div>
</form>
</body>
</html>
扫一扫
2940
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
