タイマー1
特定の期間後にプログラムが実行されることを指定するために使用されます。
setimeout():
形式:[Timer Object name =] Settimeout( "<expression>"、milliseconds)
関数:<Expression>を1回実行します。
例:
コードコピーは次のとおりです。
<!doctype html>
<html>
<head>
<Title> Timer1.html </title>
<meta http-equiv = "keywords" content = "keyword2、keyword3">
<メタhttp-equiv = "description" content = "これは私のページ">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<! - <link rel = "styleSheet" type = "text/css" href = "./ styles.css"> - >
<script type = "text/javascript">
function count()
{
setimeout( "alert( '実行成功!')"、7000);
}
</script>
</head>
<body>
<入力タイプ= "ボタン"値= "クリックします" onclick = "count();">
</body>
</html>
タイマー2
特定の時間間隔で式を繰り返し実行します。
setInterval():
形式:[Timer Object name =] SetInterval( "<expression>"、milliseconds)
関数:窓とフレームが閉じられるか、clearIntervalが実行されるまで<expression>を繰り返します。
ClearInterval():
フォーマット:ClearInterval(タイマーオブジェクト名)
機能:タイマーを終了します
例:
コードコピーは次のとおりです。
<!doctype html>
<html>
<head>
<title> timer2.html </title>
<meta http-equiv = "keywords" content = "keyword2、keyword3">
<メタhttp-equiv = "description" content = "これは私のページ">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<! - <link rel = "styleSheet" type = "text/css" href = "./ styles.css"> - >
<script type = "text/javascript">
var sec = 0;
var timer = setInterval( "count();"、1000); //ページがロードされているときに時間が起動します
function count()
{
document.getElementById( "num")。innerhtml = sec ++;
}
関数stopcount()
{
ClearInterval(タイマー); //タイマーの実行を停止します
}
</script>
</head>
<body>
<font color = "red" id = "num"> 0 </font>
<入力型= "ボタン"値= "stop" onclick = "stopcount();">
</body>
</html>
上記は、この記事のコンテンツ全体です。気に入っていただければ幸いです