如何使用js或jquery根据时间添加div？

Question

我想创建一个计时器，该计时器将基于Javascript或Jquery中的时间函数添加或删除div（内联div）。

例如，我想每秒添加一个div或删除一个div。

我可以对此有一些想法吗？

Answer 1

<html>
    <head>
        <title>Testing</title>
        <script>        
            var i = 0;
            var myVar=setInterval(function () {myTimer()}, 1000);

            function myTimer()
            {
                document.getElementById('Container').innerHTML += "<div id='"+i+"'>This is the Div with New ID 'i'</div>";
                i++;
            }
        </script>
    </head>
    <body>
        <div id='Container'>

        </div>
    </body>
</html>

这应该在具有ID“容器”的Div内每秒创建一个DIV。

Answer 2

使用setInterval 。

var diff = 1000, // how long between adds in milliseconds
totalTime = 0, // how long we have run
maxTime = 1000*60*60*5, // how long we want to run
interval = setInterval(function() {
  $(".parentDiv").append($("<div>new div</div>"));
  totalTime += diff; // keep track of all of our time
  if (totalTime >= maxTime) {
     clearInterval(interval);
  }
},diff);

请注意，时间以毫秒为单位。

并摆脱它

clearInterval(interval);

请注意，它将继续运行，并且如果您的任何操作花费的时间太长或太慢，您可能会发现自己陷入混乱之中。

Answer 3

您可以使用setTimeout（function，mili seconds）

var testTimer;
function timer()
{
    // Do your stuff
   testTimer = setTimeout("timer()",1000);

}

这将每隔一秒钟调用一次计时器函数。 你可以用这个功能做你的东西

要停止此计时器功能，您可以执行

window.clearTimeout(testTimer);

如何使用js或jquery根据时间添加div？

问题描述

3 个解决方案

解决方案1
1 2014-11-30 19:46:57

解决方案2
0 已采纳 2014-11-30 19:40:11

解决方案3
0 2014-11-30 19:42:29

如何使用js或jquery根据时间添加div？

问题描述

3 个解决方案

解决方案1 1 2014-11-30 19:46:57

解决方案2 0 已采纳 2014-11-30 19:40:11

解决方案3 0 2014-11-30 19:42:29

解决方案1
1 2014-11-30 19:46:57

解决方案2
0 已采纳 2014-11-30 19:40:11

解决方案3
0 2014-11-30 19:42:29