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

最新推荐文章于 2023-11-28 16:11:15 发布

Hoiven

最新推荐文章于 2023-11-28 16:11:15 发布

阅读量902

点赞数 1

分类专栏： C# 文章标签： javascript asp.net

C# 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

本文介绍了一个使用ASP.NET技术实现的网页自动跳转示例，通过客户端JavaScript定时器来达到延迟后自动转向指定URL的效果。示例中包含了基本的HTML结构及内嵌的C#代码，适用于初学者理解ASP.NET Web表单的工作原理。

摘要由CSDN通过智能技术生成

 
      <%@ 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>