JavaScriptでディレイラーを削除する方法-jsチュートリアル-php.cn

JavaScriptでディレイラーを削除する方法

青灯夜游

リリース： 2021-10-27 18:24:26

オリジナル

4706 人が閲覧しました

JavaScript でディレイラーを削除する方法: 1. setInterval(); で定義されたディレイラーを削除するには、「clearInterval(id)」ステートメントを使用します。 2. 削除するには、「clearTimeout(id)」ステートメントを使用します。 setTimeout() によって定義されます。

JavaScriptでディレイラーを削除する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript ディレイラー (タイマーとも呼ばれ、「タイマー」とも呼ばれる) は、生活における目覚まし時計と同様に、指定された時間の後に特定のタスクを実行するために使用されます。

JavaScript では、ディレイラーを使用して特定のコードの実行を遅らせたり、特定のコードを一定の間隔で繰り返し実行したりできます。

JavaScript には、setTimeout() と setInterval() というタイマーを設定する 2 つの方法があり、遅延器を削除する対応する 2 つの方法があります:

clearInterval() setInterval()で設定したタイムアウトを解除します。
clearTimeout() setTimeout() メソッドで設定したタイムアウトを解除します。

clearInterval()

clearInterval()メソッドはsetInterval()で設定したタイムアウトをキャンセルすることができます。

構文:

clearInterval(id)

ログイン後にコピー

clearInterval() メソッドのパラメータは、setInterval() によって返される ID 値である必要があります。

例:

<html>
<body>

<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>
<button onclick="int=window.clearInterval(int)">
Stop interval</button>

</body>
</html>

ログイン後にコピー

clearTimeout()

clearTimeout() メソッドは、setTimeout() メソッドによって設定されたタイムアウトをキャンセルできます。

構文:

clearTimeout(id)

ログイン後にコピー

clearInterval() メソッドのパラメータは、setTimeout() によって返される ID 値である必要があります。

例:

<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
  {
  document.getElementById(&#39;txt&#39;).value=c
  c=c+1
  t=setTimeout("timedCount()",1000)
  }
function stopCount()
  {  clearTimeout(t)
  }
</script>
</head>
<body>

<form>
<input type="button" value="Start count!" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="Stop count!" onClick="stopCount()">
</form>

</body>
</html>

ログイン後にコピー

[推奨学習: JavaScript 上級チュートリアル]

以上がJavaScriptでディレイラーを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。