Сводка кода обратного отсчета JS

Автор：Eve Cole Время обновления：2025-03-27 19:00:03

В этой статье суммируются общие коды обратного отсчета JS. Поделитесь этим для вашей ссылки. Конкретное резюме заключается в следующем:

Первый тип: код обратного отсчета JavaScript, который является точным для секунд

HTML -код:

Скопируйте код следующим образом: <form name = "form1">

</center>

</div>

</form>

startClock ()

var timerid = null;

var timerrunning = false;

функция showtime () {

Сегодня = новая дата ();

var nowhour = сегодня.gethours ();

var nowminute = сегодня.getminutes ();

var nowmonth = сегодня.getmonth ();

var owndate = сегодня.getDate ();

var nowyear = сегодня.getyear ();

var nowsecond = сегодня.getSeconds ();

if (nowyear <2000)

Nowyear = 1900+nowyear;

Сегодня = null;

Чарфт = 23 - nowhour

Minuteleft = 59 - nowminute

Secendleft = 59 - Shecond

Earleft = 2009 - nowyear

Monthleft = 12 - Nowmonth - 1

Dateleft = 31 - alwdate

if (Secondleft <0)

{

Secendleft = 60+Secondleft;

Minuteleft = minuteleft-1;

}

if (minuteleft <0)

{

Minuteleft = 60+minuteleft;

Чарфт = чарфт-1;

}

if (чарфт <0)

{

Чарфт = 24+чарфт;

Dateleft = dateleft-1;

}

if (dateleft <0)

{

Dateleft = 31+dateleft;

Monthleft = Monthleft-1;

}

if (Monthleft <0)

{

Monthleft = 12+Monthleft;

Earleft = yearleft-1;

}

Temp = yearleft+'Год,'+Monthleft+'Month,'+Dateleft+'Day,'+чарфт+«час»,+minuteleft+'Minute,'+Secondleft+'Second'

document.form1.left.value = temp;

timerid = settimeout ("showtime ()", 1000);

timerrunning = true;

}

var timerid = null;

var timerrunning = false;

функция opplock () {

if (timerrunning)

ClearTimeout (Timerid);

timerrunning = false;

}

функция startClock () {

stopclock ();

время для шоу();

}

// ->

</script>

Второй тип: определенная спортивная встреча

HTML -код:

Скопируйте код следующим образом: <!-Countdown JavaScript Begin->

<!-

Функция DigitalTime1 ()

{

var Deadline = новая дата ("13.08.2007") // Открытие обратного отсчета

var symbol = "13 августа"

var теперь = новая дата ()

var diff = -480 - now.gettimezoneoffset () // - разница во времени между временем Пекина и местным временем

var leave = (deadline.gettime () - now.gettime ()) + diff*60000

var day = math.floor (оставить / (1000 * 60 * 60 * 24)))

var our = math.floor (оставить / (1000 * 3600)) - (день * 24)

var Minute = math.floor (оставить / (1000 * 60)) - (день * 24 * 60) - (час * 60)

var second = math.floor (оставить / (1000)) - (день * 24 * 60 * 60) - (час * 60 * 60) - (минута * 60)

var Deadline_2 = новая дата ("13.08.2004") // После открытия

var Symbol_2 = "13 августа"

var now_2 = новая дата ()

var diff_2 = -480 - now.gettimezoneoffset () // - это разница во времени между временем Пекина и местным временем

var Offe_2 = (now_2.gettime () - Deadline_2.gettime ()) + diff_2*60000

var day_2 = math.floor (оставить_2 / (1000 * 60 * 60 * 24))

var hour_2 = math.floor (оставить_2 / (1000 * 3600)) - (day_2 * 24)

var minment_2 = math.floor (оставить_2 / (1000 * 60)) - (day_2 * 24 * 60) - (Hour_2 * 60)

var second_2 = math.floor (deave_2 / (1000)) - (day_2 * 24 * 60 * 60) - (Hour_2 * 60 * 60) - (Minute_2 * 60)

день = день+1;

day_2 = day_2+1;

if (день> 0) // еще не открыт

{

//Liveclock1.innerhtml = "Теперь"+символ+"день"

Liveclock1.innerhtml = "<font

SetTimeout ("DigitalTime1 ()", 1000)

}

if (день <0) // он был открыт

{

//Liveclock1.innerhtml = "Теперь все еще есть"+day+"day+" day+"час+" час+"минута+" минута+"second+" second "

Liveclock1.innerhtml = "<font

SetTimeout ("DigitalTime1 ()", 1000)

}

If (day == 0) // Открытие

{

//Liveclock1.innerhtml = "Теперь"+символ+"день"

Liveclock1.innerhtml = "<font

SetTimeout ("DigitalTime1 ()", 1000)

}

if (день <0 & day_2> 19) // заканчивается спортивная встреча

{

//Liveclock1.innerhtml = "Теперь все еще есть"+day+"day+" day+"час+" час+"минута+" минута+"second+" second "

Liveclock1.innerhtml = "<font

SetTimeout ("DigitalTime1 ()", 1000)

}

// ->

</script>

<!-Countdown javascript end->

</body>

Третий тип: часовой обратный отсчет

HTML -код:

Скопируйте код следующим образом: <script language = "javascript">

<!-

var maxtime = 60*60 // один час, рассчитайте за секунды, отрегулируйте это самостоятельно!

функция обратного отсчета () {

if (maxtime> = 0) {

минуты = math.floor (maxtime/60);

секунды = math.floor (maxtime`);

msg = "есть все еще" + минуты + "минуты" + секунды + "секунды" в конце расстояния;

document.all ["timer"]. innerhtml = msg;

if (maxtime == 5*60) Alert («Примечание, осталось 5 минут!»);

--maxtime;

}

еще{

ClearInterval (таймер);

оповещение («Время истекло, конец!»);

}

timer = setInterval ("countdown ()", 1000);

//->

</Script>

Четвертый тип: самый простой обратный отсчет

HTML -код:

Скопируйте код следующим образом: <script language = "javascript">

<!- Начни

var imedate = новая дата ("14 января 2006 года");

var times = "Выпускник экзамена";

var теперь = new Date ();

var date = TimeDate.getTime () - now.getTime ();

var time = math.floor (дата / (1000 * 60 * 60 * 24));

if (время> = 0);

document.write ("<li> <font color =#dedbde> Теперь есть все еще"+times+"в 2006 году: <font color =#ffffff> <b>"+time+"</b> </font> дни </font> </li>");

// end ->

</Script>

Пятый тип: самый простой обратный отсчет два

HTML -код:

Скопируйте код следующим образом: <script language = "javascript" type = "text/javascript">

функция djs () {

var urodz = новая дата ("12.11.2008");

var теперь = new Date ();

var num

var ile = urodz.gettime () - now.getTime ();

var dni = math.floor (ile / (1000 * 60 * 60 * 24));

if (dni> 1)

num = dni+1

иначе if (dni == 1) num = 2

иначе if (dni == 0) num = 1

иначе num = 0

document.write (num)

}

</script>

Были еще несколько дней до церемонии открытия определенного человека [<сценарий языка = "javascript" type = "text/javascript"> djs () </script>]

Шестой: таймер обратного отсчета JavaScript - самостоятельная проверка системного времени

На этот раз обратный отсчет проверяется путем самостоятельной проверки системного времени, и нет необходимости в ручной корректировке, чтобы сделать обратный отсчет более точным. Код и подробные комментарии следующие:

Скопируйте код следующим образом: <span id = "clock"> 00: 01: 11: 00 </span>

<br>

var normalelapse = 100;

var nextelapse = normallapse;

Вар счетчик;

var starttime;

var start = clock.innertext;

var finish = "00: 00: 00: 00";

var timer = null;

// начать запускать

функция run () {

startB.Disabled = true;

endb.disabled = false;

счетчик = 0;

// Время начала инициализации

startTime = new Date (). valueOf ();

// Nextelapse - это время времени, изначально 100 миллисекунд

// Примечание Функция SetInterval: NextElapse (миллисекунд) передается, Ontimer начинает выполнять

timer = window.setInterval ("ontimer ()", nextlapse);

}

// прекратить бегать

функция stop () {

startB.Disabled = false;

endb.disabled = true;

window.cleartimeout (таймер);

}

window.onload = function () {

endb.disabled = true;

}

// Функция обратного отсчета

Функция ontimer ()

{

if (start == завершить)

{

window.clearinterval (таймер);

оповещение («Время истекло!»);

возвращаться;

}

var hms = new String (start) .split (":");

var ms = новое число (HMS [3]);

var s = новое число (HMS [2]);

var m = новое число (HMS [1]);

var H = новый номер (HMS [0]);

MS -= 10;

if (ms <0)

{

MS = 90;

S -= 1;

if (s <0)

{

S = 59;

m -= 1;

}

if (m <0)

{

m = 59;

h -= 1;

}

var ms = ms <10? ("0" + MS): MS;

var ss = s <10? ("0" + s): s;

var sm = m <10? ("0" + m): m;

var sh = h <10? ("0" + h): h;

start = sh + ":" + sm + ":" + ss + ":" + ms;

clock.innerText = start;

// очистить последний таймер

window.clearinterval (таймер);

// Получается разница во времени самостоятельной системы времени, и, следовательно, время нового таймера, который начинается в следующий раз, получено NextLapse

счетчик ++;

var countersecs = счетчик * 100;

var elapsesecs = new date (). valueof () - startTime;

var diffsecs = countersecs - elapsesecs;

NextLapsse = NormalElapse + DiffSecs;

diff.value = countersecs + "-" + elapsesecs + "=" + diffsecs;

next.value = "nextelapse =" + nextelapse;

if (nextelapse <0) nextelapse = 0;

// начать новый таймер

timer = window.setInterval ("ontimer ()", nextlapse);

}

</script>

Я надеюсь, что описание в этой статье будет полезно для каждого веб -программирования на основе JavaScript.