ASP.NET中配合JS實現頁面計時（定時）自動跳轉

2024-07-10 13:29:02

字體：大中小

來源：轉載

供稿：網友

這篇文章主要介紹了ASP.NET中配合JS實現頁面計時(定時)自動跳轉,本文主要依靠JS實現需求,只是在ASP.NET中實現而已,需要的朋友可以參考下

ASP.NET實現頁面自動跳轉(經測試，在VS2008 C#環境下可通過)

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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 runat="server">

<title></title>

<script type="text/javascript">

var i = 5;

// 獲取登錄事件，并處理自動跳轉

window.onload = function JumpPage()

{

document.getElementById("time").innerText = i;

// 計時為0后，立即跳轉

i--;

if (i < 0)

{

location.replace("http://www.baidu.com");

}

setTimeout("JumpPage()", 1000);

}

</script>

</head>

<body>

<form id="form2" runat="server">

<div id="AutoJumpPage">

歡迎您，本頁將在<span id="time" style="color: #FF0000"></span>秒后自動跳轉至<a href="http://www.baidu.com">百度</a>

<br /><br />

如需立即跳轉，請直接點擊 <a href="http://www.baidu.com" style="color: #FF00FF">立即跳轉>></a>

</div>

</form>

</body>

</html>