第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

為什么我沒有看到變量一次遞增一個(gè),而只顯示 while 循環(huán)內(nèi)的最終結(jié)果?JavaScript

為什么我沒有看到變量一次遞增一個(gè),而只顯示 while 循環(huán)內(nèi)的最終結(jié)果?JavaScript

萬(wàn)千封印 2023-07-06 17:46:12
我想讓它單獨(dú)顯示例如 1 2 3 4 5,而不是僅顯示最終結(jié)果 5。我真的不知道為什么它會(huì)這樣顯示。我將如何實(shí)現(xiàn),以便它顯示它一次遞增一個(gè)?var pushups = 0;var i = 0;var pushupGoal = 5;function doExercise() {  while (i == 0) {    if (pushups < pushupGoal) {      console.log(pushups);      document.getElementById("pushup1").innerHTML = ++pushups + ' pushups';      if (pushups == pushupGoal) {        document.getElementById("pushup1").innerHTML = pushups + ' pushups. You reached your goal!';        i += 1      }    }  }}<div class="container justify-content-center">  <h1>Pushups</h1>  <h4 id="pushup1">0 pushups</h4>  <button class="btn btn-primary" onClick="doExercise()">Start</button></div>
查看完整描述

1 回答

?
慕村225694

TA貢獻(xiàn)1880條經(jīng)驗(yàn) 獲得超4個(gè)贊

您的瀏覽器僅在完成運(yùn)行循環(huán)的任務(wù)后才會(huì)執(zhí)行渲染步驟while。因此,只有在while 循環(huán)完全完成所有迭代后才會(huì)顯示結(jié)果。相反,您可以setTimeout()每毫秒對(duì)多個(gè)單獨(dú)的任務(wù)進(jìn)行排隊(duì)1000,這將更新您的瀏覽器 UI。每次任務(wù)運(yùn)行時(shí),您的瀏覽器都可以重新運(yùn)行渲染步驟以顯示所做的更改。

請(qǐng)參閱下面的示例:

var pushups = 0;

var pushupGoal = 5;


function doExercise() {

? document.getElementById("pushup1").innerHTML = ++pushups + ' pushups';

? if (pushups < pushupGoal) {

? ? setTimeout(doExercise, 1000);

? } else {

? ? document.getElementById("pushup1").innerHTML = pushups + ' pushups. You reached your goal!';

? }

}

<link rel="stylesheet" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">


<div class="container justify-content-center">

? <h1>Pushups</h1>

? <h4 id="pushup1">0 pushups</h4>

? <button class="btn btn-primary" onclick="doExercise()">Start</button>

</div>


查看完整回答
反對(duì) 回復(fù) 2023-07-06
  • 1 回答
  • 0 關(guān)注
  • 153 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)