我在我的网站上运行以下功能。它作为一个基本计时器工作,一旦 i = 0 它应该继续执行 else 语句。然后它通过 AJAX GET 运行并将单个数字输出到 $assetID。我的问题是这似乎运行了两次。当我应该只收到一个警报时,我收到了两个警报。知道我可能做错了什么吗?
var i = 3;
function timer() {
if (i <= 3 && i > 0) {
$('#count').fadeIn();
$('#count').attr('src', 'images/'+i+'.png');
setTimeout(timer, 1000);
i--;
} else {
//var intProcessingTimeout = 0;
$.ajax({
type: "GET",
url: "index_ajax.php",
data: "action=submit_info",
complete: function(data){
//console.log(data);
i = 3;
$assetID = data.responseText.replace(/ /g,'');
//$assetID = $.trim($(this).text());
alert($assetID);
$('#get-ready, #count, #swf_file, #back').fadeOut('slow', function() {
$('#preview-poster').fadeIn();
$('.your_poster').fadeIn();
checkAssetStatusNew();
});
}
});
}
}
timer()
在这里被调用:
$(".take_photo").click(function () {
$('#preview-page, #back').fadeOut('slow', function() {
$('#get-ready').fadeIn();
$('#swf_file').fadeIn();
//setTimeout(timer, 1000); //DOESNT WORK HERE - RUNS TWICE
});
setTimeout(timer, 1000); // WORKS HERE FOR SOME REASON
});
编辑:移动setTimeout(timer, 1000);
淡出功能的外部似乎使它按应有的方式工作。不知道为什么它会在 fadeOut 函数中运行两次。