我有一个幻灯片:
HTML:
<div class="fadein">
<img src="abc.jpg">
<img src="abc2.jpg">
<img src="abc3.jpg">
</div>
jQuery:
$(function asd(){
$('.fadein :first-child').appendTo('.fadein');
setInterval(function () {
$('.fadein :first-child').appendTo('.fadein').hide().fadeIn().end();
}, 1000);
});
我想要一个setTimeout方法,该方法会影响上面的setInterval方法,如果可能,请在单击此div-“ .fadein”时调用clearInterval方法。
这是我尝试的许多错误,您甚至都无法想象的错误:
小提琴:http : //jsfiddle.net/C3f6J/32/
类似于以下代码:
var myVar;
$(document).ready(function () {
setTimeout(function () {
$('.fadein :first-child').appendTo('.fadein');
myVar = setInterval(function () {
$('.fadein :first-child').appendTo('.fadein').hide().fadeIn().end();
}, 1000);
}, 5000);
$('.fadein').on('click', function () {
clearInterval(myVar);
});
});
myVar
包含间隔引用及其全局范围,如果您fadein
清除间隔,它将在5秒超时后开始。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句