Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Окно setTimeout() Method

<Окно объекта

пример

Дисплей окно предупреждения через 3 секунды (3000 milliseconds) :

setTimeout(function(){ alert("Hello"); }, 3000);
Попробуй сам "

Больше "Try it Yourself" примеры ниже.


Определение и использование

setTimeout() метод вызывает функцию или вычисляет выражение после определенного числа миллисекунд.

Tip: 1000 мс = 1 секунда.

Совет: Функция выполняется только один раз. Если вам нужно повторить выполнение, используйте setInterval() метод.

Совет: Используйте clearTimeout() метод , чтобы предотвратить функцию от запуска.


Поддержка браузеров

Числа в таблице указать первую версию браузера, который полностью поддерживает метод.

метод
setTimeout() 1,0 4,0 1,0 1,0 4,0

Синтаксис

setTimeout( function,milliseconds,param1,param2,... )

Значения параметров

параметр Описание
function Необходимые. Функция, которая будет выполнена
milliseconds Необходимые. Количество миллисекунд ожидания перед выполнением кода
param1,param2,... Необязательный. Дополнительные параметры для перехода к функции (не поддерживается в IE9 и ранее)

Технические подробности

Возвращаемое значение: A Количество, представляющее значение идентификатора таймера, который установлен. Используйте это значение с clearTimeout() метод , чтобы отменить таймер

Примеры

Еще примеры

пример

Вы можете также обратиться к "named" функции; Дисплей окно предупреждения через 3 секунды (3000 milliseconds) :

var myVar;

function myFunction() {
    myVar = setTimeout(alertFunc, 3000);
}

function alertFunc() {
    alert("Hello!");
}
Попробуй сам "

пример

Отображение приуроченного текста:

var x = document.getElementById("txt");
setTimeout(function(){ x.value="2 seconds" }, 2000);
setTimeout(function(){ x.value="4 seconds" }, 4000);
setTimeout(function(){ x.value="6 seconds" }, 6000);
Попробуй сам "

пример

Откройте новое окно и закрыть окно после трех секунд (3000 миллисекунд):

var myWindow = window.open("", "", "width=200, height=100");
myWindow.document.write("<p>This is 'myWindow'</p>");
setTimeout(function(){ myWindow.close() }, 3000);
Попробуй сам "

пример

Использование clearTimeout() , чтобы предотвратить выполнение функции:

var myVar;

function myFunction() {
    myVar = setTimeout(function(){ alert("Hello") }, 3000);
}

function myStopFunction() {
    clearTimeout(myVar);
}
Попробуй сам "

пример

Граф навсегда - но с возможностью остановить отсчет:

function startCount()
function stopCount()
Попробуй сам "

пример

Часы, созданные с времени событий:

function startTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    // add a zero in front of numbers<10
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById("txt").innerHTML = h+ ":" + m + ":" + s;
    t = setTimeout(function(){ startTime() }, 500);
}

function checkTime(i) {
    if (i<10) {
        i = "0" + i;
    }
    return i;
}
Попробуй сам "

пример

Передача параметров функции alertFunc (does not work in IE9 and earlier) :

var myVar;

function myStartFunction() {
    myVar = setTimeout(alertFunc, 2000, "First param", "Second param");
}
Попробуй сам "

Однако, если вы используете анонимные функции, он будет работать во всех браузерах:

var myVar;

function myStartFunction() {
    myVar = setTimeout(function(){ alertFunc("First param", "Second param"); }, 2000);
}
Попробуй сам "

Похожие страницы

: Окно объекта href="met_win_cleartimeout.html"> clearTimeout() Method

Окно объекта: href="met_win_setinterval.html"> setInterval() Method

: Окно объекта href="met_win_clearinterval.html"> clearInterval() Method


<Окно объекта