テキストメッセージのケースを送信するためのカウントダウン

ケーススタディ：

①ボタンをクリックした後、ボタンは真=無効に無効になります。

②ボタン内のコンテンツは、innerHTMLプロパティによって変更されるコンテンツボタンに注意し、変更され

③秒数の変化、そのタイマーを使用する必要があります

④減少、内部タイマーで変数を定義

⑤変数はタイマーを停止し、ボタンの初期状態をリセットするために必要な時間を示す、0の場合

1、最初のステップ：ボタンをクリックした後、ボタンは無効になります

<！DOCTYPE HTML> 
<HTML LANG = " EN " > 
<HEAD> 
    <METAのcharset = " UTF-8 " > 
    <タイトル>タイトル</ TITLE> 
</ HEAD> 
<BODY> 
電話番号： <タイプ=のINPUT " ナンバー" > <ボタン> </ボタン>送信
<SCRIPT> //をtrueに障害者のための無効、ボタンをクリックした後
     // コンテンツが変更innerHTMLプロパティ内のコンテンツボタンを注意し、内部のボタンを変更する一方
     // 秒に変更がありますしたがって、タイマーを使用する必要が
     // 減少、内部タイマーで変数を定義
     // 変数が時間を示すために0であれば、我々はタイマーを停止し、ボタンの初期状態にリセットする必要があるのvar BTN =ドキュメント。querySelector（ " ボタン"
    
    ）; 
    btn.addEventListener（' クリック' 、関数（）{ 
        btn.disabled = 真; 
    }）
 </ SCRIPT> 
</ body> 
</ HTML>

2.第二段階：「左5,4,3,2,1秒」の言葉の内容の内側のボタンを

VaRの BTN = document.querySelector（" ボタン" ）; 
btn.addEventListener（' クリック' 、機能を（）{
     VAR時間= 5 ; 
    タイマー = のsetInterval（関数（）{ 
    btn.disabled = 真; 
    btn.innerHTML = " 还剩下" +時間+ " 秒「; 
    time-- 。
  }、1000年）
}）

図3に示すように、第3のステップは、時間が0秒になったときに、元の状態のボタンにタイマー戻るをクリアします

タイマー= のsetInterval（関数（）{
   場合（時間== 0 ）
   { 
      てclearInterval（タイマー）; 
      btn.disabled = 偽; 
      btn.innerHTML = " 发送" ;
       時間= 5; 
    }
    そうでなければ{ 
         btn.innerHTML =」还剩下" +時間" +「秒」; 
         time-- ; 
    } 
}、1000年）

バグ：

時間が0であるときは、もう一度ボタンを「送信」をクリックした場合、元の状態にあるボタンの戻りは、あなたが「= 5時間」までの時間を再設定する必要がありますが、このコード行の次の裁判官のための時間を0に、 0にした後、それが自動的に5からカウントダウンを開始します、上をクリックする必要はありません

原因：タイマがクリアされない、てclearIntervalタイマー（タイマー）が間違っている、時間を書きました。。。。。

テキストメッセージのケースを送信するためのカウントダウン

おすすめ