SetInterval срабатывает только один раз

@Juxx · Регистрация: 29.06.2015

Студворк — интернет-сервис помощи студентам

Всем привет,
Почему setInterval, срабатываеть только один раз?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript">
    $(document).ready(function(){   
        var a = function() {
                $.ajax({
                    type: "POST",
                            url: "screen.php",        
                    success: function(html) {
                    $('#bg').html(html);
                    }
                }); 
           }
 
 
            setInterval(a,2000);
            
    });

@fanatikus · 25.11.2016, 12:29

Сообщение от Juxx

Почему setInterval, срабатываеть только один раз?

с чего вы это взяли?

@Juxx · 25.11.2016, 12:44 **[ТС]**

У меня стоит програмулька, которая раз в 5 секунд делает скриншот, заменяя предедущий файл.

Скрипт js по таймингу должен подгружать этот скрин из php скрипта.

PHP
1
echo '<img src="screen.jpg" alt="">';

Но я не понимаю, почему он обновляется через 2 секунды, а потом не чего не происходит...(

@fanatikus · 25.11.2016, 13:00

скрипт работает нормально, что-то не то в обработчике php

Добавлено через 2 минуты
если хотите убедиться, возвращайте из php рандомное число

@Juxx · 25.11.2016, 13:34 **[ТС]**

сделал возврат времени из скрипта php - работает. А картинка только та которая первая загрузилась.
Запретил кэшировать скрипт. Не помогает

@Balanaar · 25.11.2016, 13:41

Ну может вы наконец опубликуете ваш PHP скрипт? Очевидно же, что ошибка в нем.

Добавлено через 2 минуты
Стоп... ваш скрипт всегда возвращает это?

PHP
1
echo '<img src="screen.jpg" alt="">';

Если да, то у вас банально кешируется само изображение. Назначайте картинкам разные имена.

@Juxx · 25.11.2016, 13:53 **[ТС]**

да.

Добавлено через 1 минуту
а другой вариант есть?)) мне не хочется хранить милион скринов

@Balanaar · 25.11.2016, 13:54

Ну тогда всё ясно. Как я и написал выше, генерируйте разное название картинок, старую удаляйте, а новое название возвращайте в качестве ответа

Добавлено через 24 секунды

Сообщение от Juxx

мне не хочется хранить милион скринов

Так удаляйте их программно при создании нового скрина

@Juxx · 25.11.2016, 14:01 **[ТС]**

а нету, способа запретить кешировать jpg?

@Balanaar · 25.11.2016, 14:14

Тут дело не только в кешировании. Сами подумайте, что вы делаете. После отработки скрипта атрибут src тега img никак не меняется. А раз не меняется разметка - то браузеру нет никакого смысла совершать какие-то действия.
В теории вы можете попробовать так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type="text/javascript">
    $(document).ready(function(){   
        var a = function() {
                $.ajax({
                    type: "POST",
                            url: "screen.php",        
                    success: function(html) {
                    $('#bg').html('');
                    $('#bg').html(html);
                    }
                }); 
           }
 
 
            setInterval(a,2000);
            
    });

, но это мало того, что костыль, так еще и вряд ли сработает.

KOPOJI · 25.11.2016, 14:15

PHP
1
echo '<img src="screen.jpg?', time(), '" alt="">';

@Balanaar · 25.11.2016, 14:16

Кстати отличное решение от KOPOJI. Сам не догадался.

KOPOJI · 25.11.2016, 14:17

Сообщение от Balanaar

JavaScript
1
2
$('#bg').html('');
$('#bg').html(html);

А какой смысл сначала очищать, а потом вставлять? Можно же просто сразу заменять контент и все..

@Balanaar · 25.11.2016, 14:19

KOPOJI, я предположил, что возможно браузер пошевелится хоть чуть-чуть, если разметка хоть на долю секунды изменится

Это просто догадки.

KOPOJI · 25.11.2016, 14:20

Balanaar, DOM меняется в любом случае. Это можно доказать, если повесить внешний обработчик на элемент - после обновления он перестанет работать (даже если код точь-в-точь такой же, каким был до обновления) - его понадобится заново "переназначать".

@Balanaar · 25.11.2016, 14:22

Не по теме:

Узнал сегодня новую мелочь. День прожит не зря :)

KOPOJI · 25.11.2016, 14:32

чтобы не было голословным утверждением, вот простой пример:
https://jsfiddle.net/KOPOJI/uzsveg9x/

Кликните здесь для просмотра всего текста

HTML5
1
2
<div id="ans"><div id="content">Foo</div></div>
<input type="button" id="btn" value="Refresh">

JavaScript
1
2
3
4
5
6
$('#btn').on('click', function() {
    $('#ans').html('<div id="content">Foo</div>')
})
$('#content').on('click', function() {
    alert('Ok!')
})

Если кликнуть до замены html, то все отрабатывает, как и должно - алерт появляется. После нажатия "Refresh" и смены html-кода, алерт перестанет появляться, несмотря на то, что с точки зрения кода ничего не поменялось, все тот же див с тем же текстом и атрибутами..

А чтобы срабатывало, приходится либо делать по-другому, либо даже нечто наподобие такого:
https://jsfiddle.net/KOPOJI/uzsveg9x/1/

Кликните здесь для просмотра всего текста

JavaScript
1
2
3
4
5
6
7
8
9
$('#btn').on('click', function() {
    $('#ans').html('<div id="content">Foo</div>')
  $('#content').on('click', function() {
    alert('Ok!')
  })
})
$('#content').on('click', function() {
    alert('Ok!')
})

@Juxx · 25.11.2016, 17:08 **[ТС]**

спасибо всем!

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .

@fanatikus 1932 / 1523 / 703 Регистрация: 17.11.2012 Сообщений: 6,585
	25.11.2016, 13:00
	скрипт работает нормально, что-то не то в обработчике php Добавлено через 2 минуты если хотите убедиться, возвращайте из php рандомное число 0

@Juxx 0 / 0 / 1 Регистрация: 29.06.2015 Сообщений: 25
	25.11.2016, 13:34 [ТС]
	сделал возврат времени из скрипта php - работает. А картинка только та которая первая загрузилась. Запретил кэшировать скрипт. Не помогает 0

@Juxx 0 / 0 / 1 Регистрация: 29.06.2015 Сообщений: 25
	25.11.2016, 13:53 [ТС]
	да. Добавлено через 1 минуту а другой вариант есть?)) мне не хочется хранить милион скринов 0

@Juxx 0 / 0 / 1 Регистрация: 29.06.2015 Сообщений: 25
	25.11.2016, 14:01 [ТС]
	а нету, способа запретить кешировать jpg? 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	25.11.2016, 14:16
	Кстати отличное решение от KOPOJI. Сам не догадался. 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	25.11.2016, 14:19
	KOPOJI, я предположил, что возможно браузер пошевелится хоть чуть-чуть, если разметка хоть на долю секунды изменится Это просто догадки. 0

KOPOJI Почетный модератор 16844 / 6724 / 880 Регистрация: 12.06.2012 Сообщений: 19,967
	25.11.2016, 14:20
	Balanaar, DOM меняется в любом случае. Это можно доказать, если повесить внешний обработчик на элемент - после обновления он перестанет работать (даже если код точь-в-точь такой же, каким был до обновления) - его понадобится заново "переназначать". 1

@Balanaar
	25.11.2016, 14:22
	Не по теме: Узнал сегодня новую мелочь. День прожит не зря :) 0

@Juxx 0 / 0 / 1 Регистрация: 29.06.2015 Сообщений: 25
	25.11.2016, 17:08 [ТС]
	спасибо всем! 0