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

Question

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

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

谢谢

Answer 1

制作一系列提示.然后用interval5秒钟改变div的内容.我假设你想要随机提示.

在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选择器
• jQuery html

Answer 2

javascript有一个名为.setInterval()的方法,它将每隔n毫秒运行一次代码.

var $div = $('#myDiv');

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

通过将返回值存储.setInterval()在变量中,可以稍后使用.clearInterval()停止间隔.

clearInterval( timer );