javascriptで特定の時間間隔で "n" div要素を生成するにはどうすればよいですか？

Question

私はHTML、Javascript、およびJSPを使用しているため、私のWebページのタイムティッカーを作成したいと思っています。 私のチッカーはシンプルです：Javaを使用して簡単なクローラを開発して、私はページからいくつかのコンテンツを抽出し、HTMLページのdiv要素に配置しようとしましたが、div要素の作成についてここに投稿されたすべての質問を見ましたが、静的な方法で、 Facebookのフィードストーリーティッカーのような）。これは私のHTMLコードです：私の目標はid="news" を生成する「n」はdiv要素でid="section"を持つdiv要素です

<div id="news" script="create()"> 
    <div id="section"> 
     <h4 id="titre"></h4> 
     <p id="contenu"></p> 
     <p id="authDate"></p> 
     <a id="lien" href=" #">Voir...</a> 
     <img src="#" alt="Une illustration" id="figure" />   
    </div> 
</div> 

javascrit機能create()のスクリプトcorrespondantはそのようなものです：

var iDiv = document.createElement('div'); 
function create(){ 
    document.body.appendChild(iDiv); 
    iDiv.id = 'section'; 
    iDiv.innerHTML = '<span class="msg">Hello world.</span>'; 
} 

div要素を1つ作成するので、div要素を作成して制御するにはどうすればいいですか？

Answer 1

180秒ごとに呼び出される関数を作成します。

setInterval(function() { 
    // Anything in here will be executed every 180 seconds (180 000 milliseconds) 
    createDiv(); 
},180000); 

// This function will add an empty div to your news element every 180 seconds 
function createDiv() { 
    var createdDiv = document.createElement("div"); 
    createdDiv.innerHTML = "TEST"; 
    document.getElementById("news").appendChild(createdDiv); 
}