我不明白为什么MC.caro.myTimer()
在页面加载时运行,它是一个变量。那么,如果没有我调用它,它是如何运行的。
我认为这可能与我的自动执行功能有关?
var MC = {};
(function($){
"use strict";
MC.init = function (){
//disable to turn off carousel
MC.caro.init();
};
MC.caro = {
init: function(){
//Build carousel for us to use
MC.caro.build();
//Bind click events to buttons
$('.mc-carousel--nav--buttons').on('click','li',function(){
MC.caro.advance($(this));
//stop the current ticking
MC.caro.stopMyTimer();
//Start up movement after 15seconds
setInterval(function(){MC.caro.myTimer()},10000);
console.info('running');
});
},
build: function(){
MC.caro.jsonRun(function(){
console.info('running1');
});
},
myTimer: function(){
console.info('running2');
MC.caro.advance(nextItem,'slow');
},
//Sets up the timer
timer:setInterval(function(){MC.caro.myTimer()},5000),
stopMyTimer: function(){
clearInterval(MC.caro.timer);
}
}
})(jQuery);
MC.init();
还有一个问题:
当我点击$('.mc-carousel--nav--buttons').on('click','li',function(){
代码将等待 15 秒然后运行。正如预期的那样。但是如果我真的很快点击它 5 次,它会等待这 15 秒,然后在完全相同的时间运行并按我点击的顺序运行,这意味着MC.caro.stopMyTimer();
在我的点击事件中调用它不起作用。
此外,这不是完整的代码,我也不能把它放在小提琴中,因为它对 Intranet 有很大的依赖关系。
所以你看不到一个有效的例子。