Question

我想创建一个定时器，它将根据Javascript或Jquery中的时间函数添加或删除div（内联div）。

E.g每一秒我想添加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>

这应该在Div中每秒创建一个DIV，其中包含id＆＃39; Container＆＃39;

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（函数，mili seconds）

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

}

这将每秒调用您的计时器功能。你可以在这个功能中完成你的工作

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

window.clearTimeout(testTimer);

如何使用js或jquery添加基于TIME的div？

3 个答案: