Справочник javascript: setTimeout

setTimeout

Синтаксис

timeout_id = window.setTimeout(func|code, delay)

Аргументы

func|code: Функция или строка кода для выполнения
delay: Задержка в миллисекундах, т.е 1000 это 1 секунда

Описание, примеры

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

В отличие от метода setInterval, setTimeout выполняет код только один раз.

В каком виде указывать первый параметр - в виде строки кода или функции - разницы нет.

Следующие два вызова работают одинаково:

// первый аргумент - строка
setTimeout('alert("прошла секунда")', 1000)

// первый аргумент - функция
function second_passed() {
  alert("прошла секунда")
}
setTimeout(second_passed, 1000)

При указании строки кода - интерпретатор динамически создает анонимную функцию с телом из данной строки. Но более правильным считается объявление функции в явном виде, например так:

setTimeout(function() { alert('0.5 секунды') }, 500)

Вызов со строкой существует для совместимости с прежними версиями javascript.

Контекст выполнения, `this`

Функция выполняется в другом контексте, отличном от контекста, в котором задается setTimeout.

При этом значение this = window, поэтому о передаче правильного this надо позаботиться отдельно.

Пример: Без передачи this

object = { 
   func: function() { alert(this) }
}

setTimeout( object.func , 1000) // this будет равно window

Можно указать this явно, используя промежуточную функцию.

Пример: Передача this через call

object = { 
   func: function() { alert(this) }
}

// правильный вариант с передачей this
setTimeout( function() { object.func() } , 1000)

Как правило, this передаетcя через замыкание. Для этого используется промежуточная переменная во внешней функции, которой присваивается this:

...
var self = this // промежуточная перменная
function fun() {
   alert(self)
}
setTimeout(fun, 1000)

Отмена выполнения

Вы можете отменить выполнение setTimeout при помощи clearTimeout, используя для этого идентификатор таймаута.

var timeout_id = setTimeout(...)
clearTimeout(timeout_id)

Пример: Рабочий пример

<input type="button" onclick="on()" value="Запустить таймаут"/>
<input type="button" onclick="off()" value="Остановить отсчет"/>
<script>
function go() { alert('Я сработало') }

function on() {
    timeoutId = setTimeout(go, 3000)
}

function off() {
    clearTimeout(timeoutId)
}
</script>

Минимальная задержка

Минимально возможная задержка в разных браузерах варьируется. В среднем на момент написания этого текста (январь 2011) она составляет 12 мс. То есть, разницы между setTimeout(.., 1) и setTimeout(.., 12), как правило, нет.

Производительность

Большое количество таймеров может привести к серьезной нагрузке на процессор.

Это в первую очередь касается приложений, в которых одновременно анимируется большое количество объектов. В этом случае, по возможности, следует использовать один таймер, который выполняет всю анимацию, а не множество независимых.

См. также

this /Оператор/
Замыкания /Статья/
setInterval /Метод/
Очерёдность событий и синхронизация в JavaScript /Статья/

Автор: Evgeny (не зарегистрирован), дата: 11 декабря, 2009 - 12:21

Форум