我有一个单页水平滑动网站。每个滑块都有一个问题和一个计时器。当用户滑到下一个时,它应该重置计时器并从头开始。这是我的jquery代码:
$(document).ready(function(){
var mytimer;
$('#main').on('click', '.slidinglink', function(e){
e.preventDefault();
var section = $(this).attr('href');
var slide = $(this).data('slide');
var left = '';
if(section != '#'){
$('.timer').show();
left = '-100%';
var $active_question = $('.answer-list.active');
//mytimer = null;
clearTimeout( mytimer );
mytimer = setTimeout(function () {
finish_question( $('.answer-list > li.checked') );
}, 5000);
do_sliding(left, section, slideback);
}
});
});
计时器首次运行。但如果我去下一节,计时器不起作用。什么似乎是问题?我有2个其他的setTimeout函数,在幻灯片期间也会调用它们。他们是这样的(两者都相似):
setTimeout(function(){
item.removeClass('clone');
}, 20);