页面的重定向setTimeout 和 setInterval方法总结

来源:互联网 发布:淘宝hd 5.0.1不让登录 编辑:程序博客网 时间:2024/05/17 21:40

 

这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript。不过两者各有各的应用场景。

实际上,setTimeout和setInterval的语法相同。它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。

不过这两个函数还是有区别的,setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那段代码。

 例如:

1、  setTimeout(要去调用的方法f,时间T)   通俗的来说,就是过了T时间后要去执行f方法

     三秒钟后重定向页面(cart.jsp) 的实现代码

       <script language="Javascript">

            function go(){

                 document.location.href="cart.jsp";   // cart.jsp 是要转向的页面

         }

                 setTimeout(go,3000);    // 三秒后调用go 方法 ,即转向cart.jsp页面

        </script> 

 

2、  setInterval(要去调用的方法f,时间T)   通俗的来说,每隔时间T就会执行Javascript代码中的f方法

           在处理的页面一点一点的显示要转向需要的时间 显示为零时 就转向要转的页面

 

      <div id="num"> </div>

 

      <script language="Javascript">

            function go(){

               var leftTime = 5000 ;

               document.getElementById("num").innerText = leftTime ;

               leftTime  -= 1000 ;

               if(leftTime<=0){ 

               document.location.href="cart.jsp";   // cart.jsp 是要转向的页面

              }     

   }

                 setInterval(go,1000);    // 每隔1秒就会调用go方法一次,直到转向页面为止

        </script>