web-dev-qa-db-ja.com

JavaScriptで1分カウンターを設定するには？

私のプロジェクトでは、すべての質問に3つの選択肢の答えがあるため、質問のリストがあります。

質問を確認した後、回答が必要な場合は、「回答を表示」ボタンをクリックします。ボタンをクリックすると、1分間のエラーが表示された後、1分間カウンターがスタートします。

誰でも助けることができますか？

javascriptcountercountdown
11
Karthick Terror

あなたはこのようなものを使うことができます：

_function gameLost() {
  alert("You lose!");
}
setTimeout(gameLost, 60000);
_

PDATE：コード文字列の代わりにsetTimeout()に関数参照を渡します（本当にそのように記述しましたか？O_o）

編集する

タイマーも表示するには（davinのおかげで改良版）：

_<button onclick="onTimer()">Clickme</button>
<div id="mycounter"></div>
<script>
i = 60;
function onTimer() {
  document.getElementById('mycounter').innerHTML = i;
  i--;
  if (i < 0) {
    alert('You lose!');
  }
  else {
    setTimeout(onTimer, 1000);
  }
}
</script>
_

…….

20
redShadow
function timedOut() {
    alert("Some error message");
}

// set a timer
setTimeout( timedOut , 60000 );

基本的には、60.000ミリ秒= 60秒= 1分後に特定の関数を実行するタイマーを設定します

編集：これは、カウントダウンも表示するすばやく不完全なフィドルです http://jsfiddle.net/HRrYG

function countdown() {
    var seconds = 60;
    function tick() {
        var counter = document.getElementById("counter");
        seconds--;
        counter.innerHTML = "0:" + (seconds < 10 ? "0" : "") + String(seconds);
        if( seconds > 0 ) {
            setTimeout(tick, 1000);
        } else {
            alert("Game over");
        }
    }
    tick();
}

// start the countdown
countdown();
6
Flambino

SetTimout関数を使用して、この記事を確認してください。 https://developer.mozilla.org/En/Window.setTimeout タイマーはミリ秒単位であるため、1分間は60,000です。

1
qw3n

//これは1つのミントカウンターへの最も簡単な方法です。これはangular and oopsでも使用されます

var i=60;
function coundown(){
   setInterval(() => {
  if (this.i == 0) {
    return;
  }
  console.log(this.i--);

}, 1000);
}

//この関数は、OTPが開始またはフォーム送信され、OTPカウントダウンを待機しているときに呼び出すことができます

角度#javascript #TypeScript

0
Narendra Maurya