js控制n秒后跳转到指定页面，并显示倒计时

时间：2021-07-14 22:07:41
[html]  view plain copy print ?
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head runat="server">  
  4.     <title>setTimeout</title>  
  5. </head>  
  6. <body>  
  7.     <form id="form1" runat="server">  
  8.         <div id='div1'>  
  9.         </div>  
  10.     </form>  
  11. </body>  
  12. </html>  
  13.   
  14.   
  15. <script type="text/javascript">  
  16. //设定倒数秒数  
  17. var t = 10;  
  18. //显示倒数秒数  
  19. function showTime(){  
  20.     t -= 1;  
  21.     document.getElementById('div1').innerHTML= t;  
  22.     if(t==0){  
  23.         location.href='http://www.baidu.com';  
  24.     }  
  25.     //每秒执行一次,showTime()  
  26.     setTimeout("showTime()",1000);  
  27. }  
  28.   
  29.   
  30. //执行showTime()  
  31. showTime();  
  32. </script> 
  33. <script type="text/javascript">
    function demo(){
    window.location="HomeAction";
    }
    setTimeout("demo()",2000);
    </script>
标签：

相关文章