ajax auto refresh stats

У мене є скрипт, який оновлює лічильник у діві кожні 5 секунд. Однак при завантаженні він не з'являється до того, як через 5 секунд, а потім постійно оновлюється на тому ж інтервалі. Як мені показати його протягом перших 5 секунд?

<script> 
var auto_refresh = setInterval(
function()
{
$('#refresh-me').load('stats_counter.php?table=testimonials');
}, 5000);
</script>

<!---- stats ---->
<div id="refresh-me">

</div>
<!---- stats ---->
2

8 Відповіді

<script> 
   $(document).ready(function() {
       function count() {
           $('#refresh-me').load('stats_counter.php?table=testimonials');
       }
       var auto_refresh = setInterval(function() { count() }, 5000);
       count();
   });
</script>

Перемістіть код у функцію та зателефонуйте йому як до початку, так і до таймера.

EDIT: I can't remember, but you might be able to just use the function for the setInterval.

<script> 
   $(document).ready(function() {
       function count() {
           $('#refresh-me').load('stats_counter.php?table=testimonials');
       }
       var auto_refresh = setInterval(count, 5000);
       count();
   });
</script>
2
додано
аххх так даххх настільки очевидний. Дякую!
додано Автор Alex, джерело
Дякую. погано перевірити його;)
додано Автор Alex, джерело
@Alex потрапляє до сервера кожні 5 секунд - це оподаткування. Можливо, ви захочете виявити, коли користувач знаходиться далеко, але залиште браузер відкритим. Я використовую цю проблему для jQuery для цього. paulirish.com/2009/jquery-idletimer-plugin
додано Автор cgTag, джерело
<script> 
   $(document).ready(function() {
       function count() {
           $('#refresh-me').load('stats_counter.php?table=testimonials');
       }
       var auto_refresh = setInterval(function() { count() }, 5000);
       count();
   });
</script>

Перемістіть код у функцію та зателефонуйте йому як до початку, так і до таймера.

EDIT: I can't remember, but you might be able to just use the function for the setInterval.

<script> 
   $(document).ready(function() {
       function count() {
           $('#refresh-me').load('stats_counter.php?table=testimonials');
       }
       var auto_refresh = setInterval(count, 5000);
       count();
   });
</script>
2
додано
аххх так даххх настільки очевидний. Дякую!
додано Автор Alex, джерело
Дякую. погано перевірити його;)
додано Автор Alex, джерело
@Alex потрапляє до сервера кожні 5 секунд - це оподаткування. Можливо, ви захочете виявити, коли користувач знаходиться далеко, але залиште браузер відкритим. Я використовую цю проблему для jQuery для цього. paulirish.com/2009/jquery-idletimer-plugin
додано Автор cgTag, джерело

Створіть функцію., А потім зателефонуйте в setInterval і один раз на завантаження сторінки

 function refresh() {
   $('#refresh-me').load('stats_counter.php?table=testimonials');
  }
   var auto_refresh = setInterval(function() { refresh() }, 5000);
   refresh();
1
додано

Створіть функцію., А потім зателефонуйте в setInterval і один раз на завантаження сторінки

 function refresh() {
   $('#refresh-me').load('stats_counter.php?table=testimonials');
  }
   var auto_refresh = setInterval(function() { refresh() }, 5000);
   refresh();
1
додано

Зателефонуйте методу завантаження на завантаження сторінки, а потім запустіть інтервал!

0
додано

Зателефонуйте методу завантаження на завантаження сторінки, а потім запустіть інтервал!

0
додано

Лічильник Ajax можна зробити легко, просто додайте нижче файли

  1. index.html
  2. counter.php (файл ajax)
  3. необхідні зображення
  4. файл JS (для дзвінка з пейджинговим викликом jquery)

download link: https://docs.google.com/open?id=0B5dn0M5-kgfDcE0tOVBPMkg2bHc

0
додано

Лічильник Ajax можна зробити легко, просто додайте нижче файли

  1. index.html
  2. counter.php (файл ajax)
  3. необхідні зображення
  4. файл JS (для дзвінка з пейджинговим викликом jquery)

download link: https://docs.google.com/open?id=0B5dn0M5-kgfDcE0tOVBPMkg2bHc

0
додано
ІТ КПІ - JavaScript
ІТ КПІ - JavaScript
504 учасників

співтовариство javascript розробників в Telegram