首頁 > web前端 > js教程 > 主體

淺談js的setInterval事件_基礎知識

WBOY
發布: 2016-05-16 16:28:51
原創
1476 人瀏覽過

setInterval() 方法會不停地呼叫函數,直到 clearInterval() 被呼叫或視窗關閉。由 setInterval() 傳回的 ID 值可用作 clearInterval() 方法的參數。
setinterval()用法

setInterval(code,millisec[,"lang"])

後面就兩個參數code是你的js程式碼,millisec為時間間隔,以毫秒計

複製程式碼 程式碼如下:


  

   

   

        <script><br />           var one=document.getElementById('one')<br />           var x=0;<br />           var y=0;<br />           var xs=10;<br />           var ys=10;<br />           function scroll(){<br />               x =xs;<br />               y =ys;<br />               if(x>=document.getElementById('content').offsetWidth-one.offsetWidth-20 || x<=0)<br />               {<br />                   xs=-1*xs;<br />               }<br />             if(y>=document.getElementById('content').offsetHeight-one.offsetHeight-20 || y<=0)<br />               {<br />                   ys=-1*ys;<br />               }<br />               one.style.left=x;<br />               one.style.top=y;<br />           }<br />           dt=setInterval(scroll,100);<br />           one.onmouseover=function(){<br />           clearInterval(dt);    <br />           };<br />           one.onmouseout=function(){<br />           dt=setInterval(scroll,100);<br />           };<br />         </script>

下面舉一個簡單的例子。

例1

複製程式碼 程式碼如下:

function show(){ trace("每隔一秒我就會顯示一次");}
var sh;sh=setInterval(show,1000);
clearInterval(sh);

例2

複製程式碼 程式碼如下:







相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板