我有两个语音气泡每两秒更改一次内容。 我正在尝试每次将鼠标放在气泡上时,我的changeComment功能停止,这样用户将有更多时间阅读注释,当鼠标离开气泡时,功能将重新开始。
我的演示在这里:http://jsbin.com/EMogAfud/1
这是我正在使用的功能
$("bubbleSpeech").mouseenter(function(){
clearInterval(intervalStop);
});
$("bubbleSpeech").mouseleave(function(){
show();
intervalStop=setInterval(show,pause);
});
不太确定为什么它不起作用。我没有让事件发生火灾。
提前致谢
答案 0 :(得分:2)
你忘了使用'#':
$("#bubbleSpeech").mouseenter(function(){
clearInterval(intervalStop);
});
$("#bubbleSpeech").mouseleave(function(){
show();
intervalStop=setInterval(show,pause);
});
答案 1 :(得分:0)
答案 2 :(得分:0)
感谢您的评论 他们有两种方法可以做到这一点。
使用Jquery
$("#bubbleSpeech").mouseenter(function(){
clearInterval(intervalStop);
});
$("#bubbleSpeech").mouseleave(function(){
show();
intervalStop=setInterval(show,pause);
});
或使用纯javascript
演示:http://jsbin.com/ejiFixeG/2
mainSlider=document.getElementById('bubbleSpeech');
mainSlider.onmouseenter = function(){
clearTimeout(timerStop) ;
clearInterval(intervalStop);
};
mainSlider.onmouseleave = function(){
show();
intervalStop=setInterval(show,pause);
};