亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

如何為每個問題創建測驗倒數計時器

如何為每個問題創建測驗倒數計時器

泛舟湖上清波郎朗 2022-08-18 10:48:52
我想為測驗創建一個倒數計時器，該測驗將在下一個問題上重置，如果時間用完并且玩家尚未選擇答案，也可以轉到下一個問題。任何人都可以幫我創建這個嗎？var counter = 10;setInterval(function () {  counter--;  if (counter >= 0) {    id = document.getElementById('count');    id.innerHTML = counter;  }  if (counter === 0) {    id.innerHTML = 'Times Up!';  }}, 1000);'''
查看完整描述

1 回答

?
哈士奇WWW

TA貢獻1799條經驗 獲得超6個贊

這是適合您的基本工作代碼。玩一玩它以獲得您想要的結果。祝您編碼愉快！


var counter = 10;             //Time counter

var questionsCount = 0;       //Questions counter


//Questions array

var questions = [

   "Question 1","Question 2","Question 3"

] 


questionDivId =  document.getElementById('question');


setInterval(function () {

    counter--;


    if (counter >= 0) {

        id = document.getElementById('count');

        id.innerHTML = counter;

    }

    if (counter === 0) {

        id.innerHTML = 'Times Up!';

        counter = 10;

        questionsCount++;

    } 

    

    //To check if all questions are completed or not

    if (questionsCount === questions.length){

        questionDivId.innerHTML = "Well Played! Game is over";

        id.innerHTML = "";

    } else{

        questionDivId.innerHTML = questions[questionsCount];

    }   

}, 1000);


//To go to the next question

function goToNextQuestion() {

    questionsCount++;

    counter = 10;

}

<div>

    <h1 id="question"></h1>

    <h1 id="count"></h1>

    <button onclick="goToNextQuestion()">Next</button>

</div>


查看完整回答
反對 回復 2022-08-18
  • 1 回答
  • 0 關注
  • 127 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號