淺談js的setInterval事件
更新時間：2014年12月05日 11:37:49 投稿：hebedich
這篇文章主要介紹了js的setInterval方法的用法以及示例，非常的有用，這里推薦給小伙伴們
setInterval() 方法會不停地調(diào)用函數(shù)，直到 clearInterval() 被調(diào)用或窗口被關閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。
setinterval()用法
setInterval(code,millisec[,"lang"])
后面就兩個參數(shù)code是你的js代碼，millisec為時間間隔，以毫秒計
復制代碼 代碼如下:
<body>
<div id="content" style="position:relative; height:1000px; width:1000px; background-color:#666;">
<div id="one" style="position:absolute;top:0px; left:0px; height:100px; width:100px; background-color:red;"></div>
</div>
<script>
var one=document.getElementById('one')
var x=0;
var y=0;
var xs=10;
var ys=10;
function scroll(){
x+=xs;
y+=ys;
if(x>=document.getElementById('content').offsetWidth-one.offsetWidth-20 || x<=0)
{
xs=-1*xs;
}
if(y>=document.getElementById('content').offsetHeight-one.offsetHeight-20 || y<=0)
{
ys=-1*ys;
}
one.style.left=x;
one.style.top=y;
}
dt=setInterval(scroll,100);
one.onmouseover=function(){
clearInterval(dt);
};
one.onmouseout=function(){
dt=setInterval(scroll,100);
};
</script>
</body>
下面舉一個簡單的例子。
例1
復制代碼 代碼如下:
function show(){ trace("每隔一秒我就會顯示一次");}
var sh;sh=setInterval(show,1000);
clearInterval(sh);
例2
復制代碼 代碼如下:
<form>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock(){var t=new Date()
document.getElementById("clock").value=t
}
</script>
</form>
<div id="clock"></div>
<button onclick="int=window.clearInterval(int)">Stop interval</button>
相關文章
這篇文章主要介紹了JavaScript中各種引用類型的常用操作方法小結,基本上都用實際代碼進行展示,是整理得比較全面的學習筆記,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了javascript 秒表計時器實現(xiàn)代碼的相關資料,需要的朋友可以參考下2017-03-03
腳本之家網(wǎng)站為了方便大家快速的查看效果，只要大家運行一下代碼即可能看到效果。2010-05-05
JavaScript中isPrototypeOf、instanceof和hasOwnProperty函數(shù)的用法詳解
本文詳細講解了JavaScript中isPrototypeOf、instanceof和hasOwnProperty函數(shù)的用法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
URL編碼轉(zhuǎn)換,escape() encodeURI() encodeURIComponent()
URL編碼轉(zhuǎn)換,escape() encodeURI() encodeURIComponent()...2006-12-12
這篇文章主要介紹了從原型與原型鏈開始講起，如果你想知道構造函數(shù)的實例的原型，原型的原型，原型的原型的原型是什么，就來看看這篇文章吧。下面小編就來帶大家一起學習一下2019-06-06
這個是腳本之家從網(wǎng)上收集的比較全的Document對象內(nèi)容集合，Document對象是js編寫中經(jīng)常用到的對象。了解它方便以后的學習。2010-09-09
JavaScript預解析之變量預解析和函數(shù)預解析
這篇文章主要介紹了JavaScript預解析之變量預解析和函數(shù)預解析的相關資料,需要的朋友可以參考下2022-07-07
學習js的朋友一定要知道和注意，其實每種語言都有它的命名規(guī)則。2009-09-09
這篇文章主要介紹了多個javascript閉包入門示例，理解了這幾個例子，對于閉包，應該可以算是入門了,需要的朋友可以參考下2014-04-04