首頁猿問如下，請問是否有簡單的方法實(shí)現(xiàn)...

如下，請問是否有簡單的方法實(shí)現(xiàn) 在瀏覽器中 1秒顯示1個數(shù)字？

Java C JavaScript

回首憶惘然 2022-05-17 12:14:38

下面是要實(shí)現(xiàn) 在H1中1秒顯示1個數(shù)字，但執(zhí)行后瀏覽器中等10秒顯示11，而console是1秒顯示1個數(shù)字，跟我要的效果不一樣<h1 id="demo" onclick="myfunction()">xx</h1><script>function myfunction(){var x =0 ;do{x++;console.log(x);document.getElementById("demo").innerHTML=x;sleep(1000);}while (x<10);} function sleep(n) { var start = new Date().getTime(); while (true) if (new Date().getTime() - start > n) break;} </script>

查看完整描述

3 回答

慕慕森

TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超17個贊

你這樣實(shí)現(xiàn)的sleep是沒用的，因?yàn)镴avaScript是單線程運(yùn)行的，cpu的運(yùn)行時間都會消耗在循環(huán)中，頁面根本就沒時間進(jìn)行渲染，所以要等循環(huán)完全結(jié)束后才會顯示出結(jié)果。

其實(shí)JavaScript本身有計(jì)時器啊，怎么不會利用?。?/p>

<h1 id="demo" onclick="myfunction()">xx</h1><script>var x=0;function myfunction(){ document.getElementById("demo").innerHTML=++x; if(x<10)setTimeout(myfunction,1000);}</script>