Ringkasan Kode Hitung mundur JS

Penulis：Eve Cole Waktu Pembaruan：2025-03-27 19:00:03

Artikel ini merangkum kode hitung mundur JS umum. Bagikan untuk referensi Anda. Ringkasan spesifiknya adalah sebagai berikut:

Tipe Pertama: Kode Countdown JavaScript yang akurat untuk detik

Kode HTML:

Salin kode sebagai berikut: <form name = "form1">

<tenter> Masih ada di tahun 2010: <br>

</penter>

</div>

</form>

startclock ()

var timerid = null;

var timerrunning = false;

function showtime () {

Hari ini = tanggal baru ();

var nowhour = hari ini.getHours ();

var nowMinute = hari ini.getMinutes ();

var nowmonth = hari ini.getMonth ();

var nowdate = hari ini.getDate ();

var nowyear = hari ini.getYear ();

var nowsecond = hari ini.getSeconds ();

if (nowyear <2000)

Nowyear = 1900+Nowyear;

Hari ini = null;

Hourft = 23 - nowhour

Minuteleft = 59 - NowMinute

Secondleft = 59 - sekarang detik

Neadleft = 2009 - Nowyear

Bulan Bulan = 12 - Nowmonth - 1

Dateleft = 31 - nowdate

if (secondleft <0)

{

Secondleft = 60+secondleft;

Minuteleft = minuteleft-1;

}

if (minuteleft <0)

{

Minuteleft = 60+minuteleft;

Hourft = Hourft-1;

}

if (hourfle <0)

{

Hourfleft = 24+Hourleft;

Dateleft = dateleft-1;

}

if (dateleft <0)

{

Dateleft = 31+dateleft;

Bulan = Bulan-1;

}

if (monthleft <0)

{

Bulan = 12+Bulan;

Tahunan = tahunan-1;

}

Temp = tahunan+'tahun,'+bulan bulan+'bulan,'+dateleft+'day,'+hourft+'hour,'+minuteleft+'menit,'+detik+'kedua'

document.form1.left.value = temp;

timerId = setTimeout ("showtime ()", 1000);

timerrunning = true;

}

var timerid = null;

var timerrunning = false;

function stopclock () {

if (timerrunning)

ClearTimeout (TimerID);

timerrunning = false;

}

fungsi startclock () {

stopclock ();

showtime ();

}

// ->

</script>

Tipe Kedua: Pertemuan Olahraga tertentu

Kode HTML:

Salin kode sebagai berikut: <!-Countdown JavaScript Begin->

<!-

fungsi digitaltime1 ()

{

VAR DEADLINE = Tanggal Baru ("08/13/2007") // Pembukaan Countdown

simbol var = "13 Agustus"

var sekarang = tanggal baru ()

var diff = -480 - now.gettimezoneoffset () // adalah perbedaan waktu antara waktu Beijing dan waktu setempat

var cuti = (deadline.getTime () - now.getTime ()) + Diff*60000

var day = math.floor (cuti / (1000 * 60 * 60 * 24))

var hour = math.floor (cuti / (1000 * 3600)) - (hari * 24)

var menit = math.floor (cuti / (1000 * 60)) - (hari * 24 * 60) - (jam * 60)

var kedua = math.floor (cuti / (1000)) - (hari * 24 * 60 * 60) - (jam * 60 * 60) - (menit * 60)

var deadline_2 = tanggal baru ("08/13/2004") // Setelah waktu pembukaan

var simbol_2 = "13 Agustus"

var now_2 = tanggal baru ()

var diff_2 = -480 - now.getTimezoneoffset () // adalah perbedaan waktu antara waktu beijing dan waktu setempat

var leave_2 = (now_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 menit_2 = math.floor (cuti_2 / (1000 * 60)) - (day_2 * 24 * 60) - (jam_2 * 60)

var second_2 = math.floor (Leave_2 / (1000)) - (day_2 * 24 * 60 * 60) - (jam_2 * 60 * 60) - (menit_2 * 60)

hari = hari+1;

day_2 = day_2+1;

if (day> 0) // belum dibuka

{

//Liveclock1.innerHtml = "sekarang"+simbol+"hari"

Liveclock1.innerhtml = "<font

setTimeout ("DigitalTime1 ()", 1000)

}

if (day <0) // telah dibuka

{

//LiveClock1.innerHtml = "Sekarang masih ada"+hari+"hari+" hari+"jam+" jam+"menit+" menit+"kedua+" kedua "

Liveclock1.innerhtml = "<font

setTimeout ("DigitalTime1 ()", 1000)

}

If (day == 0) // pembukaan

{

//Liveclock1.innerHtml = "sekarang"+simbol+"hari"

Liveclock1.innerhtml = "<font

setTimeout ("DigitalTime1 ()", 1000)

}

if (day <0 & day_2> 19) // pertemuan olahraga berakhir

{

//LiveClock1.innerHtml = "Sekarang masih ada"+hari+"hari+" hari+"jam+" jam+"menit+" menit+"kedua+" kedua "

Liveclock1.innerhtml = "<font

setTimeout ("DigitalTime1 ()", 1000)

}

// ->

</script>

<!-Countdown JavaScript End->

</body>

Jenis ketiga: HOUNTDOW HOCK

Kode HTML:

Salin kode sebagai berikut: <bahasa skrip = "javascript">

<!-

var maxTime = 60*60 // Satu jam, hitung dalam detik, sesuaikan sendiri!

function countdown () {

if (maxTime> = 0) {

menit = Math.floor (maxTime/60);

detik = math.floor (maxTime`);

msg = "Masih ada" + menit + "menit" + detik + "detik" pada akhir jarak;

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

if (maxTime == 5*60) peringatan ('Catatan, ada 5 menit tersisa!');

--maxTime;

}

kalau tidak{

clearInterval (timer);

peringatan ("Waktu sudah habis, berakhir!");

}

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

//->

</script>

Tipe Keempat: Countdown Termudah

Kode HTML:

Salin kode sebagai berikut: <bahasa skrip = "javascript">

<!- Mulailah

var timeedate = tanggal baru ("14 Januari 2006");

var kali = "Ujian Pascasarjana";

var sekarang = tanggal baru ();

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

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

if (time> = 0);

Document.write ("<li> <font color =#dedbde> Sekarang masih ada"+kali+"pada tahun 2006: <font color =#ffffff> <b>"+waktu+"</b> </font> hari </font> </li>");

// end ->

</script>

Tipe Kelima: Countdown Two yang paling sederhana

Kode HTML:

Salin kode sebagai berikut: <bahasa skrip = "javascript" type = "text/javascript">

function djs () {

var urodz = tanggal baru ("11/12/2008");

var sekarang = tanggal baru ();

var num

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

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

if (dni> 1)

NUM = DNI+1

lain jika (dni == 1) num = 2

lain jika (dni == 0) num = 1

lain num = 0

Document.write (num)

}

</script>

Masih ada hari sebelum upacara pembukaan orang tertentu [<bahasa skrip = "javascript" type = "text/javascript"> djs () </script>]

Keenam: Timer Countdown JavaScript - Pemeriksaan Sendiri Waktu Sistem

Kali ini, hitungan mundur diperiksa dengan memeriksa sendiri waktu sistem, dan tidak perlu penyesuaian manual untuk membuat hitungan mundur lebih akurat. Kode dan komentar terperinci adalah sebagai berikut:

Salin kode sebagai berikut: <span id = "jam"> 00: 01: 11: 00 </span>

<br>

var normalelapse = 100;

var nextelapse = normalelapse;

penghitung var;

var starttime;

var start = clock.innerText;

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

var timer = null;

// Mulailah berlari

fungsi run () {

startb.disabled = true;

endb.disabled = false;

penghitung = 0;

// waktu mulai inisialisasi

startTime = new date (). valueOf ();

// Nextelapse adalah waktu waktu, awalnya 100 milidetik

// Perhatikan fungsi setInterval: NextElapse (milidetik) disahkan, Ontimer mulai mengeksekusi

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

}

// Berhenti berlari

fungsi stop () {

startb.disabled = false;

endb.disabled = true;

window.cleartimeout (timer);

}

window.onload = function () {

endb.disabled = true;

}

// fungsi hitung mundur

fungsi ontimer ()

{

if (start == finish)

{

window.clearinterval (timer);

peringatan ("Waktu sudah habis!");

kembali;

}

var hms = string baru (start) .split (":");

var ms = angka baru (HMS [3]);

var s = angka baru (HMS [2]);

var m = angka baru (HMS [1]);

var h = angka baru (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;

// Bersihkan timer terakhir

window.clearinterval (timer);

// Perbedaan waktu dari waktu sistem pemeriksaan diri diperoleh, dan dengan demikian waktu pengatur waktu baru yang dimulai waktu berikutnya diperoleh Nextlapse

Counter ++;

var countersecs = counter * 100;

var eLapSesecs = new date (). valueOf () - startTime;

var diffsecs = countersec - elapsesec;

nextlapse = NormalElaps + DiffSecs;

Diff.Value = countersec + "-" + eLapSesecs + "=" + diffsecs;

next.value = "nextelapse =" + nextelapse;

if (nextelapse <0) nextelapse = 0;

// Mulailah timer baru

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

}

</script>

Saya berharap deskripsi dalam artikel ini akan bermanfaat untuk pemrograman web semua orang berdasarkan JavaScript.