代码之家  ›  专栏  ›  技术社区  ›  kobe

如何基于定时器更改div的内容

  •  4
  • kobe  · 技术社区  · 14 年前

    假设我有一个模块来给出“提示”。提示内容应每5秒更改一次。

    2 回复  |  直到 14 年前
        1
  •  10
  •   BrunoLM    14 年前

    做一系列的提示。然后做一个 interval 更改div内容的5秒。我想你需要随机的小费。

    See this example on jsFiddle.

    var tips = [
        "Tip 01",
        "Tip 02",
        "Tip 03",
        "Tip 04",
        "Tip 05",
        "Tip 06",
        "Tip 07",
        "Tip 08",
        "Tip 09"
    ];
    
    // get a random index, get the value from array and
    // change the div content
    setInterval(function() {
        var i = Math.round((Math.random()) * tips.length);
        if (i == tips.length) --i;
        $("#tip").html(tips[i]);
    }, 5 * 1000);
    

    见:

        2
  •  6
  •   user113716    14 年前

    called .setInterval() ,它将每n毫秒运行一次代码。

    var $div = $('#myDiv');
    
    var timer = setInterval( function() {
        $div.html( newContent ); // which would reference some dynamic content 
    }, 5000);
    

    通过存储 .setInterval() using .clearInterval() .

    clearInterval( timer );