JS基礎訓練 - カウントダウン

そして、ボタンが「一時停止」になり、カウントダウンを開始するには、「スタート」をクリックし、「続行」になり、「一時停止」ボタンをクリックして、カウントダウンを設計するとき、「リセット」とカウントダウンを達成するために、再度クリックするためのカウントダウンボタンの終わり

<!DOCTYPE HTML>
<HTML>
<HEAD>
<メタ文字セット= "UTF-8">
<タイトル> </ TITLE>
<スタイル>
#box {
幅:200pxの。
高さ:200pxの。
国境:1pxの固体palegreen。
フォントサイズ:35px;
行の高さ:200pxの。
テキスト整列:センター;
マージン:20ピクセルオート;
}
#btn {
表示:ブロック;
幅:200pxの。
高さ:35px;
マージン:0自動;
}
</スタイル>
</ head>
<body>
<DIV ID = "ボックス">
60
</ DIV>
の<input type = "ボタン"値= "开始" ID = "BTN">
</ BODY>


document.getElementById obtn = VAR( "BTN");
//データ・ページとスターNUMを渡す; numが、計算する最初の星を保持するため
のvarスター= obox.innerHTML;
VARのNUM = obox.innerHTMLを、
VARをT;
CPCは、イベントが同じでなかった場合//は、ONOFFスイッチを設定
VAR ONOFF = 0;
//マウスクリック
=関数(){obtn.onclick
てclearInterval(T)を;
//決定、ONOFF = 0、実行がカウントダウンを開始
(のOnOff == 0){IF
TはのsetInterval(関数(){=
//タイマーは、各実行の終わりかどうかを決定しなければならない
(== NUM場合。1){
// numが1場合でありますページの表示内容の変更は、カウントダウンの終了を示す、ステータスボタンを変更し、タイマクリア
NUM =「カウントダウン」;
obtn.value =「リセット」;
のOnOff = 1;
てclearInterval(T);
}そうでは{
num--;
}
NUM = obox.innerHTML;
}、1000)
= "一時停止" obtn.value。
ONOFF = 2
//、初期状態に戻って、それをリセットするカウントダウンの終了後
}他IF(==のOnOff 1){
obox.innerHTML =スター;
NUM =スター;
obtn.value = "スタート";
のOnOff = 0 ;
//一時停止イベント、ONOFF = 2は、イベントを一時停止する際
}そうならば(のOnOff == 2){
てclearInterval(T);
obtn.value = "継続"
のOnOff = 0;
}
}
</ SCRIPT>
</ HTML>

おすすめ

転載: www.cnblogs.com/hupeng1996/p/11403514.html