フロントエンド---jsのタイマーの使い方
1137 ワード
私達はウェブページを作成する時に、時によってはウェブページの内容が変化する効果を実現するために、またはタイマーを使ってデータのリアルタイム更新、時間などを実現するために、jsコードの中でタイマーを定義してこの機能を実現する必要があります.
Javascriptのタイマーは二つあります.set IntervalとsetTimeout、タイマーの役割は遅延実行です.
2つの関数で定義された形式: set Interval():指定された周期(ミリ秒で計算する)で関数または計算式を呼び出す.メソッドは、clear Interval()が呼び出されたり、ウィンドウが閉じられたりするまで、関数を呼び続けます. setTimeout():指定されたミリ秒数後に関数または計算式 を呼び出す.
上式においてexpressionは文字列でもいいし、匿名関数でもいいし、関数名でもいいし、第二のパラメータは遅延実行の時間でもいいです.
以下は二つの例です.
以下の例では、1,000ミリ秒ごとにclock関数を実行します.インスタンスには、停止実行ボタンも含まれています.
Javascriptのタイマーは二つあります.set IntervalとsetTimeout、タイマーの役割は遅延実行です.
2つの関数で定義された形式:
上式においてexpressionは文字列でもいいし、匿名関数でもいいし、関数名でもいいし、第二のパラメータは遅延実行の時間でもいいです.
以下は二つの例です.
以下の例では、1,000ミリ秒ごとにclock関数を実行します.インスタンスには、停止実行ボタンも含まれています.
var int=self.setInterval("clock()",1000);
function clock()
{
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("clock").value=t;
}
(runoob.com)
, 3 "Hello"。
function myFunction()
{
setTimeout(function(){alert("Hello")},3000);
}