阿贾克斯呼叫延迟SetInterval

Question

我有这个ajax呼叫是每10秒一次重复呼叫。这完美地工作但是，访问计数器仅在页面加载后10秒更新。在此之前，它是空的。如果我将其设置为60秒（这更实际一些，我认为），那么这个区域是空白的60秒，然后才会显示数据。

我该如何修改它以在页面加载时立即获取访问值，然后每10秒不断刷新一次？

<script type="text/javascript"> 
var Visits = 0; 

$(document).ready(function() { 
    $("#counter").flipCounter(); 
    setInterval("ajaxd()",10000); 
}); 

function ajaxd(){ // this function is called only after 10 seconds after page load 
    $.ajax({ 
    type: "POST", 
    cache:false, 
    url: "getVisits.asp?dx=1, // returns a number 
    dataType: "text", 
    data: "", 
    success: function(data){ 
     Visits= parseFloat(data).toFixed(2); 
    } 
}); 
/// update value in <div> 

$("#counter").flipCounter(
"startAnimation", // scroll counter from the current number to the specified number 
{ 
start_number: 0, // the number we want to scroll from 
end_number: Visits, // the number we want the counter to scroll to 
numIntegralDigits: Visits.length-3, // number of places left of the decimal point to maintain 
numFractionalDigits:2, // number of places right of the decimal point to maintain 
easing: jQuery.easing.easeOutCubic, // this easing function to apply to the scroll. 
duration: 3000 // number of ms animation should take to complete 
}); 
} 

最后，这部分在计数器显示：

<div id="counter" class="bb_box"> 
<input type="hidden" name="counter-value" value="00.00"/> 
</div> 

Answer 1

变化

$(document).ready(function() { 
    $("#counter").flipCounter(); 
    setInterval("ajaxd()",10000); 
}); 

到

$(document).ready(function() { 
    $("#counter").flipCounter(); 
    setInterval(ajaxd,10000); 
    ajaxd(); // add this to call ajax once immediately 
}); 

并将此代码块移到脚本块的末尾，以避免调用未定义的函数。

UPDATE 你可以尝试这样的：

var Visits = 0; 

function ajaxd(){ 
    $.ajax({ 
    type: "POST", 
    cache:false, 
    url: "getVisits.asp?dx=1, // returns a number 
    dataType: "text", 
    data: "", 
    success: function(data){ 
     Visits= parseFloat(data).toFixed(2); 
     $("#counter").flipCounter("setNumber", Visits); 
    } 
}); 

$(document).ready(function() { 
    $("#counter").flipCounter(); 
    setInterval(ajaxd, 10000); 
    ajaxd(); 
}); 

Answer 2

试试这个（见ajaxd（）是函数后）

setInterval(function() { 
ajaxd(); 

}, 10000); 

function ajaxd(){ // this function is called only after 10 seconds after page load 
    $.ajax({ 
    type: "POST", 
    cache:false, 
    url: "getVisits.asp?dx=1, // returns a number 
    dataType: "text", 
    data: "", 
    success: function(data){ 
     Visits= parseFloat(data).toFixed(2); 
    } 

ajaxd();