Javascriptで非常に簡単なカウントダウンタイマーを作るには？

Question

乱数を生成する単純なゲームを作っていて、ユーザーが値を入力しなければならない場合、ユーザーの値が生成されたランダムな値と一致する場合、ユーザーは基本的にこれが初心者のプロジェクトです。小さなカウンターを作って、ユーザーが限られた時間内に値を入れることができるようにしたい。そして、その限られた時間をラベルの画面に表示したい。 30秒以下で値を入力する必要があり、タイマーは毎秒1から30までカウントされます。 1から30までのカウントは毎秒ラベルで更新されます。これは私が今作業しようとしているロジックで、他の方法を考え出すことはできません...もし私がコードで間違いを犯してしまったら、もっと簡単な方法があればコメントしてください。 。 （PLSアカウントの停止の脅威でIMを否決いけない） 私のタイマーコードのHERESに一部：

if(timer <= 30) 
    { 
     for(var i = 0;i >= 30;i++) 
     { 
      setInterval(null,1000); 
      timer++; 
      document.getElementById("counter").innerHTML = timer+" seconds wasted"; 
     } 
     alert("Time is over, you lost by "+s); 
    } 

Answer 1

再帰関数を作成できます。 と言ってくださいvar countDown function(){ time = time--; setTimeout(countDown, 1000);}

次に、countDown関数でアクセス可能な可変の時間が必要です。 var time = 30;

countDown関数では、updateTimeElementを作成できます。

試してみてください。

Answer 2

のsetInterval関数は2つのパラメータ、コールバック（ジャバスクリプトのthatsでanomynous機能がトリガ）とあり間隔の各トリガー間のミリ秒。

スクリプトで何をやっているのかは、1秒ごとに何もしないで間隔を作ることです（これは無期限に実行されます）。次に、タイマ整数をインクリメントしてDOMを更新します。しかし、これはすべて数秒で実行されます。

私は（あなたが機能を使用する前に）あなたが意図した通りにスクリプトを改善する方法を知るためにドキュメンテーションを見ることをお勧めします。あなたが始めるのに役立ついくつかのリンクがあります：

http://www.w3schools.com/js/js_timing.asp https://www.sitepoint.com/build-javascript-countdown-timer-no-dependencies/

私はあなたのために仕事をしていることが文句を言わない、これはあなたがそれを把握することができない場合は、この下のコメントを残し初心者プログラマ;-)

のために良い運動ですので、あなたがさらに援助が必要な場合は、私はあなたにお手伝いしてくれるでしょう。