0

10秒ごとに繰り返される呼び出しであるこのajax呼び出しがあります。これは完全に機能しますが、訪問カウンターは、ページの読み込み後 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>
4

2 に答える 2

0

これを試してください（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();
于 2013-03-07T11:40:44.590 に答える
0

変化する

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

に

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

そして、このコード ブロックをスクリプト ブロックの最後に移動して、未定義の関数を呼び出さないようにします。

更新 次のように試すことができます：

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();
});
于 2013-03-07T08:44:13.843 に答える