jquery - 如何根据定时器改变div的内容

Question

jquery中有没有办法根据计时器更改div的内容。

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

谢谢

Answer 1

制作一系列提示。然后设置 5 秒的间隔来更改 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