Концепция таймера и задержки
//- таймер
// идентификационный номер таймера setInterval (функция обратного вызова, миллисекунд);
// Вызовите функцию обратного вызова каждые миллисекунд
// clearInterval (идентификационный номер таймера)
// Остановить таймер с указанным идентификационным номером (фактически уничтожение и выпуск ресурсов)
//-задержка
// задержка идентификационного номера SetTimeout (функция обратного вызова, миллисекунда интервал)
// Начнется с вызова, дождитесь указанного количества миллисекундов и вызовите функцию обратного вызова один раз, конец
// Используйте ClearTimeOut, чтобы очистить задержку
Изображение воспроизведения:
Следующий рисунок появится после открытия страницы: после этого количество значения кнопки уменьшается на 1 каждые 1 секунду, пока 0 не остановит содержание кнопки.
Код реализации:
Кода -копия выглядит следующим образом:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<title> </title>
<стиль типа = "text/css">
#btn
{
Ширина: 200px;
Высота: 50px;
фон -колор: Гэри;
}
</style>
<script type = "text/javascript">
OnLoad = function () {
// Получить кнопку объекта
var btn = document.getElementById ('btn');
// Создать таймер и вернуть идентификатор таймера
var extralid = setInterval (function () {
var waitsecond = parseint ((// d+/). exec (btn.value)); // Использовать метод regexp.exec (), чтобы вернуть содержимое соответствующего строки
waitsecond-; // время-
if (waitsecond> = 0) {// суждение
btn.value = btn.value.replace (// d+/, waitsecond) // Использовать метод string.replece (regexp, код), чтобы заменить номер в значении кнопки и вернуть результат замены
} еще {
btn.value = 'согласен'; // изменить значение кнопки, чтобы согласиться
btn.disabled = false; // Изменить отключенное значение кнопки на false
ClearInterval (интервалид); // очистить таймер
}
}, 1000);
};
</script>
</head>
<тело>
<input type = "кнопка" name = "name" value = "Пожалуйста, внимательно прочитайте в течение 5 секунд и нажмите, чтобы согласиться с продолжением" id = "btn" disabled = "disabled"/>
</body>
</html>