В javascritp есть две специальные функции о таймерах, которые являются:
1. Таймер обратного отсчета: timename = settimeout ("function ();", dowertime);
2. Timer Cycling: timename = setInterval ("function ();", delaytime);
Первый параметр «function ()» - это действие, которое будет выполнено, когда таймер запускается. Например, если выскочили два предупреждения, вы можете заменить "функцию ();"
«Alert (« Первое окно предупреждения! »); Alert (« Второе предупреждение! »);»;
Таймер обратного отсчета запускает событие после появления времени, и циркулирующий таймер должен неоднократно запускать событие, когда пройдет интервал.
Например, после того, как вы откроете страницу и хотите автоматически перейти на другой интервал страницы через несколько секунд, вам необходимо использовать таймер обратного отсчета настраивает внешний вид одного слова,
Вам необходимо использовать круговой таймер "setInterval (" function (); ", DelayTime".
Чтобы получить фокус формы, используется Document.activeElement.id. Используйте, если определить, являются ли Document.activeElement.id и идентификатор формы одинаковыми.
Например: if ("mid" == document.activeElement.id) {alert ();}, "mid" - это идентификатор, соответствующий форме.
Таймер:
Используется для указания определенной программы через определенное время.
Различия между SetTimeout и SetInterval в JS и методом Llee
SetTimeout (выражение, время задержки).
SetTimeout ("function", Time) Установите объект тайм -аута
SetInterval (выражение, время задержки), каждое время задержки выполняет эксплуатацию.
SetInterval ("function" (Time) Устанавливает временный объект
SetInterval автоматически повторяется, и SetTimeout не будет повторяться.
ClearTimeout
ClearInterval
Два случая.
Пример 1. Когда форма запускается или загружается, строка слов является выводом словом по слову
Код кода копирования следующим образом:
<html>
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<Title> не -title Document </title>
<script language = "javascript" type = "text/javascript">
var str = "Это пример текста для тестирования";
var seq = 0;
var second = 1000;
функция scroll () {
msg = str.substring (0, seq+1);
document.getElementByIdx_x_x ('Word').
seq ++;
if (seq> = str.length) seq = 0;
}
</script>
</head>
<body onload = "setInterval ('scroll ()', sex)">
<div id = "word"> </div> <br/> <br/>
</body>
</html>
Пример 2. Когда фокус находится в поле ввода, регулярно проверяйте информацию о вводе.
Код кода копирования следующим образом:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<Title> не -title Document </title>
<script language = "javascript" type = "text/javascript">
var second = 5000;
var c = 0;
функция scroll () {
C ++;
if ("b" == document.activeElement.id) {{
var str = "Время проверить <b>"+c+"</b> раз <br/>";
if (document.getElementbyIdx_x_x ('b'). value! = "") {
STR+= «Входное окно Текущее содержание - это текущее содержание <br/> <b>»+dcument.getElementbyIdx_x_x ('b').
}
Document.GetElementByIdx_X_X ('Word').
}
}
</script>
</head>
<тело>
<textarea id = "b" name = "b" style = "height: 100px; width: 300px;" br /> "
<div id = "word"> </div> <br/> <br/>
</body>
</html>
Пример 3. Ниже приведен самый простой пример.
Код кода копирования следующим образом:
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<script language = "javascript">
function count () {) {
document.getElementByIdx_x_x ('m').
setTimeout ("alert ('десять секунд до!", 10000)
}
</script>
<тело>
<div id = "m"> </div>
<input type = "button" value = "Time Start" OnClick = "count ()">
</body>
</html>
Пример 4: Обратный отсчет прыгает время и своевременно
Код кода копирования следующим образом:
<html>
<голова>
<base href = "<%= basepath%>">
<Title> my jsp 'ds04.jsp' Начальная страница </title>
<span id = "tiao"> 3 </span>
<A href = "javascript: countdown"> </a> автоматически прыгайте после второго ...
<meta http-equiv = replesh Content = 3;
<!-Сценарий запускается->
<script language = "javascript" type = "">
Функция обратного отсчета (secs) {
tiao.innertext = secs;
if (---scs> 0)
setTimeout ("countdown ("+secs+"), 1000); 1000);
}
Обратный отсчет (3);
</script>
<!-Скрипт Конец->
</head>
Пример 6:
Код кода копирования следующим образом:
<голова>
<meta http-equiv = "refresh" content = "2; url = 'b.html'">
</head>
Пример 7:
Код кода копирования следующим образом:
<script language = "javascript" type = "text/javascript">
setTimeout ("window.location.href = 'b.html'", 2000);
// можно использовать оба следующего
// settimeout 18 "javascript: lcation.href = 'b.html'", 2000);
//settimeout.com window.location = 'b.html' ", 2000);
</script>
Пример 8:
Код кода копирования следующим образом:
<span id = "totalsecond"> 2 </span>
<script language = "javascript" type = "text/javascript">
var second = document.getElementbyIdx_x ('totalsecond').
if (isnan (второе)) {{
// ... не количество чисел
} Еще {
SetInterval (function () {
document.getElementByIdx_x ('totalsecond').
if (second <= 0) {{
Window.location = 'b.html';
}
}, 1000);
}
</script>
JS -таймер (выполнить один раз, повторить выполнение)
Поделитесь кодом JS, небольшим примером таймера JS, разделенного на таймер и повторный таймер выполнения для выполнения. Ссылка на друзья, которые являются начинающими.
1. Выполните таймер только один раз
Код кода копирования следующим образом:
<Скрипт>
// таймер работает асинхронно
функция hello () {
Оповещение ("Привет");
}
// Использование метода выполнения имени метода
var t1 = window.settimeout (привет, 1000);
var t2 = window.settimeout ("hello ()", 3000);
Window.cleartimeout (t1);
</script>
2. Повторный таймер выполнения
Код кода копирования следующим образом:
<Скрипт>
функция hello () {
Оповещение ("Привет");
}
// повторить определенный метод
var t1 = window.setInterval (привет, 1000);
var t2 = window.setInterval ("hello ()", 3000);
// метод удаления таймера
Window.clearinterval (t1);
</script>
Замечание:
Если на одной странице есть два метода, они выполняются после загрузки страницы, но фактический сбой может быть выполнен по порядку.
Вы можете добавить таймер в онлайн -метод, установить таймер, а затем запустить «задержку» в течение определенного периода времени.
Код кода копирования следующим образом:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head runat = "server">
<Title> страница без названия </title>
<script language = "javascript" type = "text/javascript">
var yc = new Object ();
Функция beginyC ()
{{
var secondsyc = document.getElementById ("txtycseconds").
пытаться
{{
Yc = settimeout ("alert ('Delly"+secondSyc+"второй успех'), secondsyc*1000);
}
поймать (e)
{{
Alert («Пожалуйста, введите правильный второй номер.»);
}
}
Функция Overyc ()
{{
ClearTimeOut (YC);
Yc = null;
оповещение («Задержка задержки успешна»);
}
/***************** • *********************************************
var timerds = new Object ();
var timerdds = new Object ();
Функция начинает ()
{{
sn.innerhtml = "0";
Timerds = setInterval ("addone ()", parseint (document.getElementbyId ("txtintirvalseconds"). Значение, 10)*1000);
}
Функция goonds ()
{{
Timerds = setInterval ("addone ()", parseint (document.getElementbyId ("txtintirvalseconds"). Значение, 10)*1000);
}
Функция Overds ()
{{
ClearInterval (таймеры);
timerds = null;
}
Функция задержка ()
{{
Overds ();
Timerdds = settimeout ("goonds ()", document.getElementbyId ("txtddsSeconds"). Значение*1000);
}
Функция addone ()
{{
if (sn.innerhtml == "10")
{{
Overds ();
Предупреждение («Поздравляю, он успешно достиг 10 секунд»);
Возвращаться;
}
sn.innerhtml = parseint (sn.innerhtml, 10) +1;
}
</script>
</head>
<тело>
<sud id = "form1" runat = "server">
<div>
Использование задержки: </div>
<div>
<label id = "label2"> </label>
<input type = "text" id = "txtycseconds" value = "3" />
<input type = "button" id = "btnbyc" onclick = "javascript: beginyc ()" value = "start delay" />
<input type = "button" id = "btnoyc" onclick = "javascript: Overyc ()" value = "Termid Do Delay" />
<input type = "button" id = "button1" onclick = "javascript: alert ('Good Monrning');
</div>
<br />
<div>
Использование таймера: </div>
<div>
<div id = "sn"> 0 </div>
<label id = "label1"> </label>
<input type = "text" id = "txtiIntervalseconds" value = "1" /> />
<input type = "button" id = "btnbds" onclick = "javascript: beggs ()" value = "время начала" />
<input type = "button" id = "btnods" onclick = "javascript: Overds ()" value = "Timnal Time" /> />
<input type = "button" id = "btngds" onclick = "javascript: goonds ()" value = "Продолжить время" />
<laabel id = "ds"> </label>
<input type = "text" id = "txtddsseconds" value = "5" />
<input type = "кнопка" id = "btndds" onclick = "javascript: dowerds ()" value = "timing задержки" />
</div>
</form>
</body>
</html>