[英]Javascript function shows “undefined” in console
我有一排圖像,我想一次閃爍一次。 幾年前,我在一個舊站點上使用了下面的代碼,並且想重用這些代碼,但是我無法在新站點上使用它。
$('document').ready(function() {
var myArray = ["img.square1","img.square2","img.square3","img.square4","img.square5","img.square6","img.square7","img.square8","img.square9","img.square10","img.square11","img.square12","img.square13","img.square14","img.square15"];
console.log(myArray)
var count = 15;
function counter() {
if(count < 16 && count > -1){
$(myArray[count]).fadeTo(100, 0.1, function(){
$(myArray[count]).fadeTo(100, 0.7, function(){
$(myArray[count]).fadeTo(200, 0.5, function(){
$(myArray[count]).fadeTo(500, 1);
count--
console.log(count);
});
});
});
}else{
clearInterval(myInterval);
//console.log("interval cleared");
}
}
//counter();
try{
counter();
alert('I guess you do exist');
}
catch(e){
alert('An error has occurred: '+e.message);
}
console.log(counter());
var myInterval = setInterval(counter(), 1100);
});
您可以使用.queue()
和.fadeTo()
回調代替setInterval()
function counter(selector) {
return $(selector).queue("images", $.map($(selector), function(image) {
// `next` is a reference to the next function in `queueName`: `"images"`
return function(next) {
return $(image).fadeTo(100, 0.1, function() {
$(this).fadeTo(100, 0.7, function() {
$(this).fadeTo(200, 0.5, function() {
$(this).fadeTo(500, 1, next);
});
});
});
}
})).dequeue("images").promise("images")
}
counter("img[class^=square]")
.then(function() {
console.log("done", this)
})
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.