如何根据计时器更改div的内容
在jquery中是否有任何方法可以根据计时器更改div的内容。
假设我有模块给出“提示”。 提示的内容应每5秒更改一次。
谢谢
制作一系列提示。 然后设置5秒的interval
来改变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
javascript有一个名为.setInterval()
的方法,它每n毫秒运行一次代码。
var $div = $('#myDiv'); var timer = setInterval( function() { $div.html( newContent ); // which would reference some dynamic content }, 5000);
通过将.setInterval()
的返回值存储在变量中,可以稍后使用.clearInterval()
来停止间隔。
clearInterval( timer );