Форум

Raoul · #1 (**permalink**) 16.01.2014, 14:30

<script type="text/javascript">
	function start(){
		setInterval(reloadImg,1000);	
	}

    function reloadImg() 
    {
        $.getJSON('getImageName.php',function(data)
        {
        	img = document.getElementById('Сam');
        	img.src='/img/'+data.path;
        });

    }	
</script>

После вызова функции «start», скрипт каждую секунду подгружает картинку. Имя новой картинки, которую нужно подргузить, генерируется в файле «getImageName.php».
Скрипт очень прожорливый получился , не подскажите как быть?

melky · #2 (**permalink**) 16.01.2014, 15:00

Откуда узнали, что прожорливый?

Raoul · #3 (**permalink**) 16.01.2014, 15:11

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

Откуда узнали, что прожорливый?

Заглянул в диспетчер задач, особенно с оперой проблемы.
1 Гб съел, когда я открыл через несколько минут.

melky · #4 (**permalink**) 16.01.2014, 15:17

а можно взглянуть?

Raoul · #5 (**permalink**) 16.01.2014, 15:19

Да, http://goo.gl/XxRdzr

рони · #6 (**permalink**) 16.01.2014, 15:28

Raoul,
тег картинки некорректен плюс каждая новая картинка запускает дополнительный интервал

Raoul · #7 (**permalink**) 16.01.2014, 15:35

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

Raoul,
тег картинки некорректен плюс каждая новая картинка запускает дополнительный интервал

Спасибо, не заметил этого сразу.
Если изменить обработчик события на onClick, это решит проблему?

Действительно. Но в коде ошибки не нашел.

echo '<img src="'.$path.'" id="camEkb" onload="start()">';

рони · #8 (**permalink**) 16.01.2014, 15:48

Raoul,
а просто
.ready() или .load()
на готовность страницы повесить запуск или использовать не setInterval а setTimeout но предусмотреть ошибки -- src

рони · #9 (**permalink**) 16.01.2014, 15:49

Raoul,
как-то так

<!DOCTYPE html>
<html>
<head>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
	function start(){
	   window.setTimeout(reloadImg,1000)

	}

    function reloadImg()
    {
        $.getJSON("getImageName.php")
  .success(function(data) {
            img = document.getElementById('camEkb');
        	img.src='http://online.ts6.ru/img/'+data.path; })
  .error(function() { start() })

    }
</script>
</head>
<body>
<img src="/img/live-20140116-190251.jpg" id="camEkb" onload="start()"  >
</body>
</html>

Raoul · #10 (**permalink**) 16.01.2014, 16:02

Спасибо за ответ, проблема заключалась в постоянном вызове интервала.
Да, это тоже будет очень кстати, дважды спасибо

Форум

Справочник

Discord чат

Курсы javascript