首页 > 编程 > .NET > 正文

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

2024-07-10 13:29:02
字体:大 中 小
来源:转载
供稿:网友

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

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

 

 
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html xmlns="http://www.w3.org/1999/xhtml"> 
  4. <head runat="server"> 
  5. <title></title> 
  6.  
  7. <script type="text/javascript"> 
  8. var i = 5; 
  9.  
  10. // 获取登录事件,并处理自动跳转 
  11. window.onload = function JumpPage()  
  12. { 
  13. document.getElementById("time").innerText = i; 
  14.  
  15. // 计时为0后,立即跳转 
  16. i--; 
  17. if (i < 0)  
  18. { 
  19. location.replace("http://www.baidu.com"); 
  20. } 
  21. setTimeout("JumpPage()", 1000); 
  22. } 
  23. </script> 
  24. </head> 
  25. <body> 
  26. <form id="form2" runat="server"> 
  27. <div id="AutoJumpPage"> 
  28. 欢迎您,本页将在<span id="time" style="color: #FF0000"></span>秒后自动跳转至<a href="http://www.baidu.com">百度</a> 
  29. <br /><br /> 
  30. 如需立即跳转,请直接点击 <a href="http://www.baidu.com" style="color: #FF00FF">立即跳转>></a> 
  31. </div> 
  32. </form> 
  33. </body> 
  34. </html> 

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表