タイマーと遅延の概念
//-タイマー
//タイマーID番号setInterval(コールバック関数、milliseconds);
//ミリ秒ごとにコールバック関数を呼び出します
// ClearInterval(タイマーID番号)
//指定されたID番号でタイマーを停止します(実際にリソースを破壊およびリリースします)
//-遅延者
//遅延ID番号SetimeOut(コールバック関数、ミリ秒間隔)
//通話から起動し、指定されたミリ秒の数を待ち、コールバック関数を一度呼び出し、終了します
// ClearTimeoutを使用して遅延をクリアします
複製画像:
ページが開かれた後に次の図が表示されます。その後、ボタンの値の数は、0が0が停止するまで1秒ごとに1減少します。
実装コード:
次のようにコードコードをコピーします。
<!doctype html public " - // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title> </title>
<style type = "text/css">
#btn
{{
幅:200px;
高さ:50px;
バックグラウンド - カラー:ゲイリー;
}
</style>
<script type = "text/javascript">
onload = function(){
//ボタンオブジェクトを取得します
var btn = document.getElementById( 'btn');
//タイマーを作成し、タイマーIDを返します
var intervalid = setInterval(function(){
var waitsecond = parseint((// d+/)。exec(btn.value)); // regexp.exec()メソッドを使用して一致する文字列コンテンツを返します
waitsecond-; // time-
if(waitsecond> = 0){//判断
btn.value = btn.value.replace(// d+/、waitsecond)// string.repleace(regexp、code)メソッドを使用してボタン値の数値を置き換え、交換結果を返す
} それ以外 {
btn.value = 'areid'; //ボタン値を変更して同意します
btn.disabled = false; //ボタンの無効値をfalseに変更する
ClearInterval(intervalid); //タイマーをクリアします
}
}、1000);
};
</script>
</head>
<body>
<入力型= "button" name = "name" value = "5秒間注意深く読んでください。
</body>
</html>