JavaScript setTimeout と setInterval の使い方 解説_JavaScript のヒント

違いは、setInterval は指定された期間ごとにコードを繰り返し実行することです。また、setTimeout は呼び出されてから 1 回だけ実行されます。
以下では、関数の確立と関数の自動削除を通じて 2 つの関数を深く理解します。
1. 関数の確立
setTimeOut の確立:

コードをコピーします コードは次のとおりです。

showTime(); showTime()
{
var today = new Date();
alert("時刻は " today.toString());
setTimeout("showTime()", 5000);
}

ショータイム関数は、関数呼び出しから 5 秒後にのみ実行されます
setInterval の確立

コードをコピー コードは次のとおりです:

setInterval("showTime()", 5000);
function showTime()
{
var today = new Date();
alert("The time is: " today.toString());


要約: 2 つの関数の結果は似ているようです。 , しかし実際には、そうでない場合、2 番目の関数は Web ページが閉じるまでの時間を繰り返し報告します。

2 つの関数の削除:
setTimeout の削除では、
clearTimeout() 関数が使用されます。呼び出し例:

コードをコピー コードは次のとおりです:

var timeoutProcess = setTimeout("alert('GOAL!')", 3000);

var stopGoalLink = document.getElementById("stopGoalLink") );
attachEventListener(stopGoalLink, "click", stopGoal, false);//イベント関数を追加します。パラメータは (ターゲット; イベント; 呼び出される関数; バブルするかどうか)
function stopGoal()
{
clearTimeout(timeoutProcess);
}


setInterval の削除

コードをコピー コードは次のとおりです:

var timeoutProcess = setTimeout("alert('GOAL!')", 3000);

var stopGoalLink = document.getElementById("stopGoalLink"); 🎜>attachEventListener(stopGoalLink, " click", stopGoal, false);// イベント関数を追加します。パラメータは (ターゲット; イベント; 呼び出される関数; バブルするかどうか)
function stopGoal()
{
clearInterval(タイムアウトプロセス);
}