我有一个基于jQuery的滚动新闻自动收报器,它使用以毫秒为单位的设置间隔来控制每个新文本段显示之间的延迟。我想将延迟随机化,以使其更接近实时新闻源的外观。
我尝试使用一些{.1}参数是Math.random javascript,但是newsTickerInterval
不是我的母语,因此我无法使其正常工作。
这是我的滚动条用来配置显示的jQuery函数:
JS
任何提示或建议将不胜感激!
我有一个基于jQuery的滚动新闻自动收报器,它使用以毫秒为单位的设置间隔来控制每个新文本段显示之间的延迟。我想将延迟随机化,以使其更接近实时新闻源的外观。
我尝试使用一些{.1}参数是Math.random javascript,但是newsTickerInterval
不是我的母语,因此我无法使其正常工作。
这是我的滚动条用来配置显示的jQuery函数:
JS
任何提示或建议将不胜感激!
创建一个生成随机延迟间隔并在需要时使用newsTickerInterval
调用的函数getNewsTickerDelay
,而不是使用setTimeout
。
$(function () {
$(".demo2").bootstrapNews({
newsPerPage: 4,autoplay: true,pauseOnHover: true,navigation: false,direction: 'down',getNewsTickerDelay: function() {
var minimumInterval = 2000;
var maximumInterval = 5000;
var additionalInterval = Math.floor(
Math.random() * (maximumInterval - minimumInterval)
);
return minimumInterval + additionalInterval;
},onToDo: function () {
//console.log(this);
}
});
});
因此,每次调用超时时,请使用getNewsTickerDelay
-编辑-
@Barmar
指出,您可能需要根据情况调整插件的实现,并实现其内部的animate
方法,以使用定义的随机间隔而不是固定值。您只需要将该插件的JS中的self.options.newsTickerInterval
替换为self.options.getNewsTickerDelay()
。也就是说,如果您愿意更改插件的实现。