如何根据计时器更改div的内容

Question

在jquery中是否有任何方法可以根据计时器更改div的内容。

假设我有模块提供“提示”。提示的内容应每5秒更改一次。

由于

Answer 1

制作一系列提示。然后制作一个5秒的interval来改变div的内容。我假设你想要随机提示。

<强> 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);

请参阅：

• setInterval
• jQuery selectors
• jQuery html

Answer 2

javascript有一个方法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 );