В этой статье описывается метод реализации минуты JavaScript и второй таймер обратного отсчета. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:
1. Основные цели
Проектируйте минуту и второй таймер обратного отсчета в JavaScript, и как только время будет завершено, кнопка становится небезопасной.
Специфический эффект, как показано на рисунке ниже. Чтобы проиллюстрировать проблему, она регулируется, чтобы прыгать по таблице каждые 50 миллисекунд, то есть каждые 0,05.
Когда вы на самом деле используете его, просто отрегулируйте setInterval ("clock.move ()", 50); в window.onload = function () {...} от 50 до 1000.
Кнопка все еще может быть нажата до того, как время заканчивается.
После того, как время будет изготовлено, кнопку нельзя нажать.
2. Процесс производства
Скопируйте код следующим образом: <! 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">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<Title> Время осталось </title>
</head>
<!-HTML-часть очень проста. Кнопки текста линии и отправки, которые необходимо управлять JavaScript, написаны с помощью ID->
<тело>
Остальное время: <span id = "timer"> </span>
<input id = "Go" type = "отправить" value = "Go" />
</body>
</html>
<Скрипт>
/*Функция, которая будет использоваться основной функцией, объявьте ее*/
var clock = new Clock ();
/*Указатель на таймер*/
var таймер;
window.onload = function () {
/*Основная функция просто вызывает метод перемещения в функции часов раз каждые 50 секунд*/
timer = setInterval ("clock.move ()", 50);
}
function clock () {
/*S - переменная в часах (), глобальной переменной, которая не является VAR, представляющая оставшиеся секунды*/
это .s = 140;
this.move = function () {
/ *Перед выводом вызовите функцию обмена, чтобы преобразовать от секунды до минуты до второго, потому что обмен не используется в окне основной функции.
document.getElementById ("таймер"). innerHtml = Exchange (this.s);
/*Каждый раз, когда это называется, оставшиеся секунд будут уменьшены сами по себе*/
this.s = this.s-1;
/*Если время заканчивается, то всплывающее окно делает кнопку недоступной, прекратите вызов ove () в функции часов*/
if (this.s <0) {
оповещение («Время встало»);
document.getElementById ("Go"). DISADADAD = TRUE;
ClearTimeout (таймер);
}
}
}
Функциональный обмен (время) {
/*Отдел JavaScript - это подразделение с плавающей запятой, и оно должно использовать Math.floor, чтобы взять свою целочисленную часть*/
this.m = math.floor (время/60);
/*Есть остаточная операция*/
this.s = (время%60);
this.text = this.m+"minute"+this.s+"second";
/*Не используйте это для прошедшего формального параметра, в то время как оставшиеся переменные, используемые в этой функции, должны использовать это*/
вернуть this.text;
}
</script>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.