Веб-программирование

Обучение программированию

Делаете первые шаги в программировании? Представляем вашему вниманию пошаговое обучение самостоятельного создания сайтов любой сложности на примерах! На страницах сайта KobRU вы найдете все самое необходимое, для того чтобы по праву считаться веб-мастером по созданию привлекательных динамически изменяемых интернет-страниц, используя основные инструменты веб-разработчиков: HTML; CSS; PHP; MySQL; JAVASCRIPT и другие. Сайт KobRU - наиболее полное и качественно структурированное руководство с предельно понятными пояснениями и поэтапным изложением материала, который поможет вам в совершенстве овладеть искусством программирования. Добавьте динамики и интерактивность в свои веб-проекты!

Вход в личный кабинет

Забыли пароль?

Не зарегистрированны?


Конструкторское Web-бюро
8.08 Временные задержки (setTimeout и setInterval)

Автор: Denisido

Дата: 2010-10-09

Глобальный метод setTimeout()

Для выполнения какого-либо действия через заданный промежуток времени вызовите функцию setTimeout() - метод объекта windows, с помощью которого и происходит установка величины задержки. Данный метод принимает два аргумента. Первый - выполняемый скрипт, второй - величина задержки в миллисекундах:

Запустить!
  
setTimeout("alert('Временная задержка в 2 секунды!')", 2000); //settimeout javascript
  

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

Запустить!
setTimeout(delayFunc,5000); // временная задержка settimeout javascript
function delayFunc() {
alert('задержка settimeout javascript в 5 секунд');
}; // end delayFunc

Метод clearTimeout()

Данный метод удаляет таймер, созданный вызовом метода setTimeout().

Запустить!
var deltime = setTimeout("alert('Временная задержка в 2 секунды!')", 2000); // settimeout
alert('удалили таймер, созданный методом setTimeout');
clearTimeout(deltime);

Метод setInterval

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

  
setInterval("alert('Временная задержка в 1 секунду!')", 1000); //setinterval javascript
  

HTML

// вариант написания ф-ций setTimeout и setInterval на jQuery
// гипертекстовая разметка (HTML-код)
<div id='showTime' style="display: none; text-align: center;"><h2>Текст скоро поменяется!</h2></div>

JavaScript

Запустить!
// вариант написания ф-ций setTimeout и setInterval на jQuery
// JS-код  (выше HTML-код)

$(function() {


$('#showTime').show();
var deltime = setInterval(function() {
              $('#showTime').html('

Текст поменялся!

').css({'color':'#cc0000'}); setTimeout(function() { $('#showTime').css({'color':'orange'}); },1000); }, 2000); // setinterval javascript setTimeout(function() { clearInterval(deltime); // уничтожаем setInterval javascript $('#showTime').hide().html('

Текст скоро поменяется!

').css({'color':'#000'}); },10000); // ф-ция уничтожитель setInterval javascript }); // end ready



Оцените материал по 5-ти бальной шкале: 1 2 3 4 5



Коментарии:

Коментарий добавил(а): NeonDT
Дата: 2011-10-30

Очень интересный пример. Подскажите как можно вместо таймера поставит часы когда должен появиться контент.

Коментарий добавил(а): NeonDT
Дата: 2011-11-05

Походу админ отдыхает. Тут есть кто живой?

Коментарий добавил(а): NeonDT
Дата: 2011-11-05

Походу админ отдыхает. Тут есть кто живой?

Добавить новый коментарий:

Текст коментария:

Введите результат с картинки

Просмотров: 28997

Метки раздела JavaScript

Основы web программирования, var javascript, javascript функции, javascript обучение, javascript простые примеры, html javascript, javascript примеры, javascript random, уроки сайтостроения, java script, регулярные выражения, appendchild javascript, javascript бесплатно, javascript document write, javascript справочник, javascript примеры.