Resumo do código da contagem regressiva JS

Autor：Eve Cole Data da Última Atualização：2025-03-27 19:00:03

Este artigo resume os códigos de contagem regressiva JS comuns. Compartilhe para sua referência. O resumo específico é o seguinte:

O primeiro tipo: código de contagem regressiva JavaScript que é preciso para segundos

Código HTML:

Copie o código da seguinte forma: <name de forma = "form1">

<Center> ainda existe em 2010: <br>

</central>

</div>

</morm>

StartClock ()

var timerID = nulo;

var timerrunning = false;

function ShowTime () {

Hoje = new Date ();

var nowHour = Today.gethours ();

var nowMinute = Today.getminutes ();

var nowmonth = Today.getMonth ();

var nowDate = Today.getDate ();

var nowYear = Today.getYear ();

var nowsecond = Today.getSeconds ();

If (NowYear <2000)

NowYear = 1900+NowYear;

Hoje = nulo;

HourLeft = 23 - Now Hour

Minuteleft = 59 - NowMinute

SecondLeft = 59 - NowSecond

Ano de ano = 2009 - NowYear

Monthleft = 12 - Nowmonth - 1

DATELEFT = 31 - NowDate

if (Secondleft <0)

{

SecondLeft = 60+Secondleft;

Minuteleft = minuteleft-1;

}

if (minuteleft <0)

{

Minuteleft = 60+minuteleft;

Hourleft = hourleft-1;

}

if (hourleft <0)

{

Hourleft = 24+hourleft;

DATELEFT = DATELEFT-1;

}

if (dateleft <0)

{

DATELEFT = 31+DATELEFT;

Mensura de mensagens = mensagens-1;

}

if (mensura de mensagens <0)

{

MonthLeft = 12+Monthleft;

Ano de ano = anoft-1;

}

Temp = anofleft+'ano,'+mês+'mês,'+dateleft+'dia,'+hourleft+'hora,'+minuteleft+'minuto,'+segundoLeft+'segundo'

document.form1.left.value = temp;

timerID = setTimeout ("ShowTime ()", 1000);

timerrunning = true;

}

var timerID = nulo;

var timerrunning = false;

função stopClock () {

IF (TimerRunning)

ClearTimeout (TimerID);

timerrunning = false;

}

função startClock () {

stopClock ();

altura de começar();

}

// ->

</script>

O segundo tipo: uma certa reunião de esportes

Código HTML:

Copie o código da seguinte

<!-

função digitalTime1 ()

{

Var Prazo = New Date ("13/08/2007") // Abrindo a contagem regressiva

var símbolo = "13 de agosto"

var agora = nova data ()

var diff = -480 - agora.GetTimeZoneOffSet () // é a diferença horária entre o tempo de Pequim e a hora local

Var Leave = (Deadline.getTime () - Now.GetTime ()) + Diff*60000

var dia = math.floor (licença / (1000 * 60 * 60 * 24))

var hour = math.floor (licença / (1000 * 3600)) - (dia * 24)

var minuto = math.floor (licença / (1000 * 60)) - (dia * 24 * 60) - (hora * 60)

Var Second = Math.Floor (Leave / (1000)) - (Dia * 24 * 60 * 60) - (Hora * 60 * 60) - (Minuto * 60)

var ladine_2 = nova data ("13/08/2004") // após o horário de abertura

var symbol_2 = "13 de agosto"

var now_2 = new Date ()

var diff_2 = -480 - agora.GetTimeZoneOffSet () // é a diferença horária entre o tempo de Pequim e a hora local

var deixa_2 = (agora_2.getTime () - Deadline_2.gettime ()) + diff_2*60000

var day_2 = math.floor (leave_2 / (1000 * 60 * 60 * 24))

var hour_2 = math.floor (leave_2 / (1000 * 3600)) - (Day_2 * 24)

var minuto_2 = math.floor (leave_2 / (1000 * 60)) - (Day_2 * 24 * 60) - (hour_2 * 60)

var secundário_2 = math.floor (leave_2 / (1000)) - (Day_2 * 24 * 60 * 60) - (hour_2 * 60 * 60) - (MINUSE_2 * 60)

dia = dia+1;

dia_2 = dia_2+1;

se (dia> 0) // ainda não foi aberto

{

//Liveclock1.innerhtml = "agora"+símbolo+"dia"

Liveclock1.innerhtml = "<font

setTimeout ("DigitalTime1 ()", 1000)

}

se (dia <0) // foi aberto

{

//Liveclock1.innerhtml = "Agora ainda existe"+dia+"dia+" dia+"hora+" hora+"minuto+" minuto+"segundo+" segundo "

Liveclock1.innerhtml = "<font

setTimeout ("DigitalTime1 ()", 1000)

}

If (dia == 0) // Abertura

{

//Liveclock1.innerhtml = "agora"+símbolo+"dia"

Liveclock1.innerhtml = "<font

setTimeout ("DigitalTime1 ()", 1000)

}

if (dia <0 & Day_2> 19) // A reunião de esportes termina

{

//Liveclock1.innerhtml = "Agora ainda existe"+dia+"dia+" dia+"hora+" hora+"minuto+" minuto+"segundo+" segundo "

Liveclock1.innerhtml = "<font

setTimeout ("DigitalTime1 ()", 1000)

}

// ->

</script>

<!-contagem regressiva JavaScript End->

</body>

O terceiro tipo: contagem regressiva da hora

Código HTML:

Copie o código da seguinte forma: <Script Language = "JavaScript">

<!-

var maxtime = 60*60 // Uma hora, calcule em segundos, ajuste você mesmo!

function countdown () {

if (maxTime> = 0) {

minutos = math.floor (maxTime/60);

segundos = math.floor (maxtime`);

msg = "ainda existem" + minutos + "minutos" + segundos + "segundos" no final da distância;

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

if (maxtime == 5*60) Alert ('Nota, restam 5 minutos!');

-MaxTime;

}

outro{

ClearInterval (timer);

alerta ("O tempo acabou, fim!");

}

Timer = setInterval ("Countdown ()", 1000);

//->

</Script>

O quarto tipo: a contagem regressiva mais simples

Código HTML:

Copie o código da seguinte forma: <Script Language = "JavaScript">

<!- Comece

var timedate = nova data ("14 de janeiro de 2006");

var times = "Exame de graduação";

var agora = new Date ();

var date = timedate.getTime () - agora.getTime ();

var time = math.floor (data / (1000 * 60 * 60 * 24));

if (tempo> = 0);

Document.Write ("<li> <font color =#Dedbde> Agora ainda existe"+Times+"em 2006: <font color =#ffffff> <b>"+time+"</b> </font> dias </font> </li>");

// final ->

</Script>

O quinto tipo: a contagem regressiva mais simples dois

Código HTML:

Copie o código da seguinte

função djs () {

var urodz = nova data ("11/12/2008");

var agora = new Date ();

var num

var ile = urodz.gettime () - agora.gettime ();

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

if (dni> 1)

num = dni+1

caso contrário, se (dni == 1) num = 2

else if (dni == 0) num = 1

caso contrário, num = 0

document.write (num)

}

</script>

Ainda há dias antes da cerimônia de abertura de uma determinada pessoa [<script linguage = "javascript" type = "text/javascript"> djs () </sCript>]

Sexto: Timer de contagem regressiva de JavaScript - auto -verificação do tempo do sistema

Desta vez, a contagem regressiva é verificada pela auto-verificação do tempo do sistema e não há necessidade de ajuste manual para tornar a contagem regressiva mais precisa. O código e os comentários detalhados são os seguintes:

Copie o código da seguinte forma: <span id = "Clock"> 00: 01: 11: 00 </span>

<br>

var normandElapse = 100;

var próximolapse = normandelapse;

contador var;

var starttime;

var start = clock.innerText;

var finall = "00: 00: 00: 00";

Var Timer = NULL;

// comece a correr

function run () {

startb.disabled = true;

endb.disabled = false;

contador = 0;

// Horário de início da inicialização

startTime = new Date (). ValueOf ();

// Nextelapse é o tempo de tempo, inicialmente 100 milissegundos

// Observe a função setInterval: Nextelapse (milissegundos) é aprovada, o Ontimer começa a executar

Timer = Window.setInterval ("Ontimer ()", NextLaps);

}

// Pare de correr

função stop () {

startb.disabled = false;

endb.disabled = true;

window.cleartimeout (timer);

}

window.onload = function () {

endb.disabled = true;

}

// Função de contagem regressiva

função ontimer ()

{

if (start == acabamento)

{

window.clearInterval (timer);

alerta ("O tempo está pronto!");

retornar;

}

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

var ms = novo número (hms [3]);

var s = novo número (hms [2]);

var m = novo número (hms [1]);

var h = novo número (hms [0]);

ms -= 10;

if (ms <0)

{

ms = 90;

s -= 1;

se (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;

// Limpe o último temporizador

window.clearInterval (timer);

// A diferença horária do tempo de auto-verificação é obtida e, portanto, o tempo do novo timer iniciado na próxima vez for obtido NextLaps

contador ++;

var contadores = contador * 100;

var apassecs = new Date (). valueof () - startTime;

var diffSecs = contatterSecs - elepSeSecs;

NextLaps = NormalElapse + Difsegs;

diff.Value = ContraCtecs + "-" + elepSeSecs + "=" + Difsegs;

next.Value = "Nextelapse =" + Nextelapse;

if (nextelapse <0) nextelapse = 0;

// Inicie um novo temporizador

Timer = Window.setInterval ("Ontimer ()", NextLaps);

}

</script>

Espero que a descrição deste artigo seja útil para a programação da Web de todos com base no JavaScript.