More Related Content
More from TENTO_slide (12)
タイマー
- 2. 16-0.html 前回の復習
function showdate(){
var today = new Date();
var month = today.getMonth() + 1;
var date = today.getDate();
alert("今日は" + month + "月" + date + "日です。
");
}
読み込まれる
と・・・ bodyタグに
onload=“showdate()”
と書きます。
ver.1.0 2
- 3. 16-1.html setTimeout
script
function setBomb(){
setTimeout(bomb,3000);
}
function bomb(){
alert("ドカン!");
document.body.style.backgroundColor = "red";
}
setTimeout(関数名,時間)を使うと、時間がたった後に関数を実
行できます。これをタイマーといいます。
・関数名には()をつけません。
・時間は、「ミリ秒」(1秒の1000分の1)で設定します。
ver.1.0 3
- 4. 16-2.html clearInterval
script
var timer;
function setBomb(){
timer = setTimeout(bomb,3000);
}
function bomb(){
alert("ドカン!");
document.body.style.backgroundColor = "red";
}
function clearBomb(){
clearInterval(timer);
}
setTimeoutの返り値をclearIntervalに渡すと、タイマーがキャン
セルされます。
ver.1.0 4
- 5. 16-3.html setInterval
script
var timer;
function setBomb(){
timer = setInterval(bomb,1000);
}
function bomb(){
alert("ドカン!");
document.body.style.backgroundColor = "red";
}
function clearBomb(){
clearInterval(timer);
document.body.style.backgroundColor = "white";
}
setTimeoutの代わりにsetIntervalを使うと、指定した関数が繰り
返し実行されます。
ver.1.0 5