Question

我有问题。我不太了解javascript。我可以说我什么都不知道。我需要一个脚本，每1-5秒将'div'添加到'p'。我试过，但我犯了太多错误。：/

我想要添加（每秒），它是一个：

<img src="/Flags/{Random flag/number (1-100)}</.png" alt=""> user stole
<i>{Random number (1000, 2000, 3000) from array)}</i> <img src="strawberry.png" class="nob img-rounded ">  
<i>{Random number (1000, 2000, 3000) from array)}</</i> <img src="orange.png" class="nob img-rounded ">  
<i>{Random number (1000, 2000, 3000) from array)}</</i> <img src="apple.png" class="nob img-rounded "> 
<i>{Random number (1000, 2000, 3000) from array)}</</i> <img src="banana.png" class="nob img-rounded ">  
<i>{Random number (1000, 2000, 3000) from array)}</</i> <img src="sandwich.png" class="nob img-rounded ">

我要添加的内容：

<p class="activity-border">
    {HERE}
</p>

访客必须看到的内容：

{随机标志}用户偷了{随机数}草莓（图片），{随机数}橙色（图片），{随机数}苹果（图片），{随机数}香蕉（图片），{随机数}三明治（图片）。

Answer 1

如果你想用时间间隔做一些事情，只需使用js“setinterval”函数，如下所示：

<script>
    //...
    setInterval(function() {
        //Do your stuff here;
    }, TIME_IN_MS);
    //...
</script>

因此，在您的情况下，您应该执行以下操作：

//in "do your stuff part"
document.getElementById('your_p_id').appendChild(your_new_node);
//or with jquery
$('#your_p_id').append('your_div');

希望有所帮助

也许您还应该看一下：setTimeout or setInterval?

小提琴：http://jsfiddle.net/ddtyovwv/4/

Answer 2

http://www.w3schools.com/jsref/met_win_settimeout.asp

var value = null;
var loop = true;
while(loop) {
  //evaluate your value
  value = fooBarfoo();
  setTimeout(function(){ addDiv("#divId", value); }, 3000);
  if(finishing_expression) loop = false;
}

function addDiv(divId) {
  $('#'+divId).append("<div>"+value+"</div>); }

这个循环添加一个带有＆＃34;值＆＃34;作为innerHTML每3000ms。你只需填写你的价值＆＃34;使用合适的数据

HTML：

<div id="divId"></div>

jQuery / JS - 将div添加到div每x秒

2 个答案: