SetInterval()メソッドは、ClearInterval()が呼び出されるか、ウィンドウが閉じられるまで、関数を連続的に呼び出します。 setInterval()によって返されるID値は、ClearInterval()メソッドのパラメーターとして使用できます。
setInterval()使用法
setInterval(code、millisec [、 "lang"])
次の2つのパラメーターコードはJSコードです。ミリセックは時間間隔で、ミリ秒で測定されます
コードコピーは次のとおりです。
<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>
<スクリプト>
var one = document.getElementbyid( 'one')
var x = 0;
var y = 0;
var xs = 10;
var ys = 10;
関数scroll(){
x+= xs;
y+= ys;
if(x> = document.getElementById( 'content')。offsetWidth-one.offsetWidth-20 || x <= 0)
{
xs = -1*xs;
}
if(y> = document.getElementById( 'content')。
{
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" />
<スクリプト言語= 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>