每秒增加数量?

The*_*ind -1 html javascript function

我想要一个函数在加载后 5 秒发生。然后,该函数应该每秒更改一个 div 的值。基本上,div 有一个数字,我希望其值每秒钟增加一次,直到 100。这是我到目前为止所想出的:

div {
  display:inline;
}
Run Code Online (Sandbox Code Playgroud)
<body onload="setTimeout(start,3000) ; setTimeout(end,3000) ">
    <div id = number>
    1
    </div>
    %
    
    <script type="text/javascript">
    var i = 1;
    
    setInterval(
    var a = (function start() {
    i = i%100 + 1;
    return i;
    }); , 1000) 
    
    setInterval(
    var earth =  document.getElementById('you');
    
    function end (){
    earth.innerHTML = a; 
    
    }
    
    	)  
    
    
    </script>
</body>
Run Code Online (Sandbox Code Playgroud)

到目前为止没有运气。请告诉我哪里出错了,请纠正。小提琴将不胜感激:D。

Tra*_*les 6

这应该可以满足您的要求:

setTimeout(start, 5000);

var i = 1;
var num = document.getElementById('number');

function start() {
  setInterval(increase, 1000);
}

function increase() {
    if (i < 100) {
      i++;
      num.innerText = i;
    }
}
Run Code Online (Sandbox Code Playgroud)
<div id="number">1</div>
Run Code Online (Sandbox Code Playgroud)

  • 仅用“javascript”标记的问题的答案不应包括框架的使用。 (2认同)