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">
<Div align = "center" align = "center">
<tenter> Masih ada di tahun 2010: <br>
<input type = "textarea" name = "left" size = "35" style = "text-align: center">
</penter>
</div>
</form>
<bahasa skrip = "javascript">
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->
<bahasa skrip = "javascript">
<!-
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 onload = DigitalTime1 ()>
<Div ID = LiveClock1> </Div>
</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>
<Div id = "timer" style = "color: red"> </div>
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>
<input id = "startb" type = "tombol" value = "Mulai Countdown!" OnClick = "run ()">
<input id = "endb" type = "tombol" value = "Stop Countdown!" OnClick = "stop ()">
<br>
<input id = "diff" type = "text">
<input id = "next" type = "text">
<bahasa skrip = "javascript">
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.