Работа с таймерами - JavaScript, Ajax

Mr. Demetrius · 15.03.2008, 19:31

JavaScript. Ф-ия show() показывает картинку. Ф-ия kill() её удаляет. Как сделать чтобы каждые, к примеру, 5 секунд вызывалась фи-ия show() и через каждые 6 секунд после этого вызывалась ф-ия kill()? Поясню, эффект должен быть следующий: каждые пять секунд появляется картинка на шесть секунд.

Я пробовал использовать ф-ии setTimeout()/setInterval, но ничего не получилось: то картинки не удалялись, а вылазили и вылазили каждые пять секунд, то они наооборот не успевают вылазить и "удалялись несуществующие объекты"... :?

Johnatan · 15.03.2008, 23:42

Внутри функции kill() в конце вставить:

Код HTML:

window.setTimeout('show()',5000);

Внутри функции show() вставить:

Код HTML:

window.setTimeout('kill()',6000);

Тег <body> сделать вида: <body onload='show();'>

Mr. Demetrius · 16.03.2008, 17:00

После двух показываний/скрываний картинок появляется следующая ошибка:

Цитата:

Timeout thread: delay 2000 ms
Error:
name: ReferenceError
message: Statement on line 1: Reference to undefined variable: kill
Backtrace:
Line 1 of unknown script
kill();

mihali4 · 16.03.2008, 17:09

А вам не кажется, что ваше условие

Цитата:

каждые пять секунд появляется картинка на шесть секунд

изначально невыполнимо?
Может быть, все-таки так:
каждые одиннадцать секунд появляется картинка на шесть секунд ?
Тогда у вас будет - 6 секунд есть картинка, 5 секунд - нет картинки...
Нарисуйте простенькую временную диаграмму (ось времени с отсечками для событий) и определитесь с интервалами...

Mr. Demetrius · 16.03.2008, 17:44

Вы правы. Однако, изменение временных параметров не устранило проблемы. Точнее, старую проблему оно устранило - ошибка больше не появляется, но появилась новая. Теперь смена картинок работает только два раза. После двух появлений/исчезновений картинка застывает.

Mr. Demetrius · 16.03.2008, 19:20

Чёрт, я совсем с этими таймерами запутался!

Почему не работает:

Цитата:

<SCRIPT LANGUAGE="JavaScript">
function show()
{
document.writeln("hi");
setTimeout("show()", 1000);
}
window.onload=show();
</SCRIPT>

Никто не в курсе?

Вначале появляется "хай", потом, через секунду, он заменяется на"хай" (заметно мелькание) и всё! Больше не заменяется!

mihali4 · 16.03.2008, 22:14

Из учебника:

Цитата:

SetTimeout - выполняет то или иное действие (функцию, проверку) единожды по истечении указанного промежутка времени в миллисекундах

Цитата:

SetInterval - выполняет то или иное действие (функцию, проверку) каждый раз по истечении указанного промежутка времени в миллисекундах

Ну, а про ClearTimeout и ClearInterval, надеюсь, сами посмотрите.
Этого набора вполне хватает для вашей задачи.

Mr. Demetrius · 16.03.2008, 22:29

Ну, думаю, до того, чтобы порыться в учебнике, я мог бы додуматься и сам...

В этот раз вы не поняли сути проблемы. Функция setTimeout() выполняется в теле функции, которую она же и вызывает. На лицо имеем рекурсию. То, что она не работает - это уже другое дело.

Однако, в проблеме я уже разобрался: такая рекурсия не работает только с методом document.write() Со всеми остальными методами и функциями всё работает отлично.

Всем спасибо за помощь.

15.03.2008, 19:31	#1
Mr. Demetrius phelgmatic sceptic Регистрация: 10.03.2008 Сообщений: 7	Работа с таймерами JavaScript. Ф-ия show() показывает картинку. Ф-ия kill() её удаляет. Как сделать чтобы каждые, к примеру, 5 секунд вызывалась фи-ия show() и через каждые 6 секунд после этого вызывалась ф-ия kill()? Поясню, эффект должен быть следующий: каждые пять секунд появляется картинка на шесть секунд. Я пробовал использовать ф-ии setTimeout()/setInterval, но ничего не получилось: то картинки не удалялись, а вылазили и вылазили каждые пять секунд, то они наооборот не успевают вылазить и "удалялись несуществующие объекты"... :?

15.03.2008, 23:42	#2
Johnatan Antimoderаtoris Участник клуба Регистрация: 08.02.2008 Сообщений: 1,251	Внутри функции kill() в конце вставить: Код HTML: window.setTimeout('show()',5000); Внутри функции show() вставить: Код HTML: window.setTimeout('kill()',6000); Тег <body> сделать вида: <body onload='show();'> 98% из тысячи моих постов сделаны в профильном подфоруме. Я не накручиваю свои посты болтанием в "курилке", а ты?

16.03.2008, 17:44	#5
Mr. Demetrius phelgmatic sceptic Регистрация: 10.03.2008 Сообщений: 7	Вы правы. Однако, изменение временных параметров не устранило проблемы. Точнее, старую проблему оно устранило - ошибка больше не появляется, но появилась новая. Теперь смена картинок работает только два раза. После двух появлений/исчезновений картинка застывает.

16.03.2008, 22:29	#8
Mr. Demetrius phelgmatic sceptic Регистрация: 10.03.2008 Сообщений: 7	Ну, думаю, до того, чтобы порыться в учебнике, я мог бы додуматься и сам... В этот раз вы не поняли сути проблемы. Функция setTimeout() выполняется в теле функции, которую она же и вызывает. На лицо имеем рекурсию. То, что она не работает - это уже другое дело. Однако, в проблеме я уже разобрался: такая рекурсия не работает только с методом document.write() Со всеми остальными методами и функциями всё работает отлично. Всем спасибо за помощь.