如何使这个Javascript以不同的方式出现

How to make this Javascript appear in a different way?

本文关键字：方式出 何使这 Javascript      更新时间：2023-09-26

所以我想做的是用不同的方式显示下面的代码。例如，当它说0.135731974时，我希望它真的说13.5731974%，但仍然以同样的速度计算。如果你知道我的意思，你能告诉我怎么做吗！

这是代码：

 <script>
 var timer;
 var stop;
 function startCount()
 {
      stop = false;
      timer = setInterval(count,1);
 }
 function stopCount()
 {
      stop = true;
 }
 function count()
 {
      if(stop == false)
          {
           var el = document.getElementById('counter');
           var currentNumber = parseFloat(el.innerHTML);
           el.innerHTML = currentNumber+0.00000003831417624521;
      }
 }
 </script>
 </head>
 <body>
 <div id="counter">0</div>
 <input type="button" value="reset" id="reset" onclick="document.getElementById('counter').innerHTML = 0;" />
 <input type="button" value="start" id="start" onclick="startCount();" />
 <input type="button" value="stop" id="stop" onclick="stopCount();" />
 </body>
 </html>

将count()函数更改为：

var currentNumber = 0;
function count() {
    if (!stop) {
        var el = document.getElementById('counter');
        currentNumber += 0.00000003831417624521;
        el.innerHTML = (currentNumber * 100) + "%";
    }
}

只将currentNumber保存在一个变量中，而不是每次都从HTML中解析它，这会更容易、更高效，尤其是在将其格式化为百分比值之后。

此外，你的stopCount()功能需要这样，这样你就不会同时运行多个定时器：

function stopCount() {
    stop = true;
    clearInterval(timer);
}

整个代码块可以简化并清理为：

<html>
<head>
<script>
var timer, currentNumber = 0;
function startCount() {
    if (!timer) {      
        timer = setInterval(count, 100);
    }
}
function stopCount() {
    if (timer) {
        clearInterval(timer);
        timer = null;
    }
}
function count() {
    var el = document.getElementById('counter');
    currentNumber += 0.00000003831417624521;
    el.innerHTML = (currentNumber * 100) + "%";
}
function reset() {
    currentNumber = 0;
    document.getElementById('counter').innerHTML = "0";
}
</script>
</head>
<body>
<div id="counter">0</div>
<input type="button" value="reset" id="reset" onclick="reset()" />
<input type="button" value="start" id="start" onclick="startCount();" />
<input type="button" value="stop" id="stop" onclick="stopCount();" />
</body>
</html>

将%直接放入HTML中，并将增量值增加100倍：

<div><span id="counter">0</span>%</div>

el.innerHTML = currentNumber + 0.000003831417624521;

http://jsfiddle.net/gilly3/MJJkq/

相关文章：