首页 > 我的文章 > PHP开发 > javascript的代码 > js控制n秒后跳转到指定页面，并显示倒计时

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

浏览：787 编辑：绿萝 来源：绿萝
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/

  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>


  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. }


  30. //执行showTime()
  31. showTime();
  32. </script>


    • 上一篇： JavaScript实现网页计时器(有完整代码) 下一篇： 如何精确统计页面停留时长