专业编程基础技术教程

网站首页 > 基础教程 正文

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

ccvgpt 2024-07-19 12:56:28 基础教程 10 ℃
  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>

Tags：

猜你喜欢

最近发表
标签列表