页面自动跳转

最新推荐文章于 2021-08-13 23:46:00 发布

chituidun1651

最新推荐文章于 2021-08-13 23:46:00 发布

阅读量148

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/u/3491706/blog/1015373

版权

<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript">
           var timer;
           var index = 3;
           var span;
           onload = function(){
               /*定时器的第一种应用方式: 匿名函数的传递*/
               span = document.getElementsByTagName("span")[0];
               /*timer = setInterval(function(){
                   index--;
                   //获取span标签，在定时器中重新设置内容
                   if(index==0){
                       //关掉定时器，跳转到百度页面
                       clearInterval(timer);
                       location = "http://www.baidu.com";
                   }else{
                       span.innerHTML = index;
                   }
               },1000);*/

               /*定时器的第二种应用方式: 函数的调用*/
               timer = setInterval("show()",1000);
           }

           function show(){
               index--;
               //获取span标签，在定时器中重新设置内容
               if(index==0){
                   //关掉定时器，跳转到百度页面
                   clearInterval(timer);
                   location = "http://www.baidu.com";
               }else{
                   span.innerHTML = index;
               }
           }
       </script>
   </head>
   <body>
       <span>3</span>秒后自动跳转的百度
   </body>
</html>