Javascrippでのタイムイベントは簡単です。
setimeout()
特定の時間にコードを実行します
cleartimeout()
cancel setimeout()
setimeout()
文法
次のようにコードコードをコピーします。
var t = setimeout( "javascriptステートメント"、millisecond)
Settimeout()メソッドは特定の値を返します。上記のステートメントでは、値はTと呼ばれる変数に保存されます。このsettimeout()をキャンセルする場合は、この変数名を使用して指定できます。
Settimeout()の最初のパラメーターは、JavaScriptステートメントを含む文字列です。このステートメントは、「アラート( '5秒!')、またはalertmsg()などの関数の呼び出し」のようなものです。
2番目のパラメーターは、現在のミリ秒の開始後の最初のパラメーターを示します。
ヒント:1000ミリ秒は1秒に等しくなります。
次の例のボタンがクリックされると、5秒でプロンプトボックスがポップアップします。
次のようにコードコードをコピーします。
<html>
<head>
<script type = "text/javascript">
function timedmsg()
{{
var t = setimeout( "alert( '5秒!')"、5000)
}
</script>
</head>
<body>
<form>
<入力型= "button" value = "timed alertbox!"を表示= "timedmsg()">
</form>
</body>
</html>
例 -無限サイクル
無限のループで実行されているタイマーを作成するには、それ自体を呼び出す関数を記述する必要があります。次の例では、ボタンがクリックされると、入力ドメインは0からカウントされます。
次のようにコードコードをコピーします。
<html>
<head>
<script type = "text/javascript">
var c = 0
var t
function timedcount()
{{
document.getElementByID( 'txt')
C = C+1
t = setimeout( "timedcount()"、1000)
}
</script>
</head>
<body>
<form>
<input type = "button" value = "count count!" onclick = "">
<入力型= "text" id = "txt">
</form>
</body>
</html>
cleartimeout()
文法
次のようにコードコードをコピーします。
cleartimeout(setimeout_variable)
実例
以下の例は、上記の無限ループの例に似ています。唯一の違いは、このカウンターを停止するために「停止カウント」を追加したことです。
次のようにコードコードをコピーします。
<html>
<head>
<script type = "text/javascript">
var c = 0
var t
function timedcount()
{{
document.getElementByID( 'txt')
C = C+1
t = setimeout( "timedcount()"、1000)
}
関数stopcount()
{{
cleartimeout(t)
}
</script>
</head>
<body>
<form>
<input type = "button" value = "count count!" onclick = "">
<入力型= "text" id = "txt">
<input type = "button" value = "stop count!" onclick() ">
</form>
</body>
</html>
他の2つの重要な方法:
次のようにコードコードをコピーします。
setInterval()
setInterval() - 関数を繰り返し繰り返して、酸化した時間間隔
関数は次のとおりです。サイクルは、指定された間隔時間内にメソッドを実行します
文法:
次のようにコードコードをコピーします。
window.setInterval( "JavaScript関数"、milliseconds);
注:最初のパラメーターは関数である必要があり、2番目のパラメーターは実行関数の間隔時間です。
例:
次のようにコードコードをコピーします。
<html>
<script type = "text/javascript">
setInterval(function(){alert( "hello")}、500);
</script>
</html>
注:上記の例では、実行効果は500msごとにアラート( "Hello")であることを意味します。
もう1つの時計:
次のようにコードコードをコピーします。
<html>
<body>
<p id = "demo"> </p>
<script type = "text/javascript">
setInterval(function(){mytimer()}、1000);
機能mytimer(){
var d = new date();
var t = d.tolocaletimestring();
document.getElementById( 'demo')。
}
</script>
</body>
</html>
停止する方法、setinterval()メソッド??
次のようにコードコードをコピーします。
window.clearinterval()
文法:
次のようにコードコードをコピーします。
Window.ClearInterval(intervalVariable)
次のようにコードコードをコピーします。
Window.ClearInterval()メソッドは、ウィンドウプレフィックスで書き込むことができます。
clearinterval()メソッドを使用できるようにするには、インターバルメソッドを作成するときにグローバル変数を使用する必要があります。
myvar = setInterval( "javascript関数"、milliseconds);
次に、ClearInterval()メソッドを呼び出すことにより、実行を停止できます。
例:
次のようにコードコードをコピーします。
<html>
<body>
<p id = "demo"> </p>
<p id = "demo2" onclight = "stop()"> stop </p>
<script type = "text/javascript">
var test = setInterval(function(){mytimer()}、1000);
機能mytimer(){
var d = new date();
var t = d.tolocaletimestring();
document.getElementById( 'demo')。
}
関数stop(){
<html>
<body>
<p id = "demo"> </p>
<p id = "demo2" onclight = "stop()"> stop </p>
<script type = "text/javascript">
var test = setInterval(function(){mytimer()}、1000);
機能mytimer(){
var d = new date();
var t = d.tolocaletimestring();
document.getElementById( 'demo')。
}
関数stop(){
ClearInterval(TEMP);
}
</script>
</body>
</html>
}
</script>
</body>
</html>