服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - ASP.NET教程 - ASP.NET中配合JS实现页面计时(定时)自动跳转

ASP.NET中配合JS实现页面计时(定时)自动跳转

2019-12-16 11:59junjie ASP.NET教程

这篇文章主要介绍了ASP.NET中配合JS实现页面计时(定时)自动跳转,本文主要依靠JS实现需求,只是在ASP.NET中实现而已,需要的朋友可以参考下

ASP.NET实现页面自动跳转(经测试,在VS2008 C#环境下可通过)
 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<%@ 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>

延伸 · 阅读

精彩推荐