Artikel ini menjelaskan efek jam digital dari hitungan mundur halaman web yang diimplementasikan oleh JS. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Salin kode sebagai berikut: <! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
<Title> jam mundur yang diimplementasikan oleh JavaScript </iteme>
<tyle>
tubuh, div {margin: 0; padding: 0;}
body {color: #ffff; font: 16px/1.5/5fae/8f6f/96c5/9ed1;}
#countdown {width: 300px; text-align: center; latar belakang:#1a1a1a; margin: 10px auto; padding: 20px 0;}
input {border: 0; lebar: 283px; tinggi: 50px; kursor: pointer; margin-top: 20px; latar belakang: url (// www.vevb.com/jscss/demoimg/201210/btn-1.png) no-repeat;}
input.cancel {latar belakang -posisi: 0 -50px;}
span {color:#000; lebar: 80px; line-height: 2; latar belakang: #fbfbfb; border: 2px solid#b4b4b4; margin: 0 10px; padding: 0 10px;}
</tyle>
<script>
window.onload = function ()
{
var ocountdown = document.getElementById ("countDown");
var ainput = ocountdown.getElementsbyTagname ("input") [0];
var timer = null;
ainput.onClick = function ()
{
this.className == ""? (timer = setInterval (updateTime, 1000), updateTime ()): (clearInterval (timer));
this.classname = this.className == ''? "membatalkan" : '';
};
format fungsi (a)
{
return a.tostring (). REPLACE (/^(/D) $/, '0 $ 1')
}
function updateTime ()
{
var aspan = ocountdown.getElementsByTagname ("span");
var oremain = aspan [0] .innerHtml.replace (/^0/, '') * 60 + parseInt (aspan [1] .innerhtml.replace (/^0/, ''));
if (oremain <= 0)
{
clearInterval (timer);
Kembali
}
oremain--;
aspan [0] .innerHtml = format (parseInt (oremain / 60));
oremain %= 60;
aspan [1] .innerHtml = format (parseInt (oremain));
}
}
</script>
</head>
<body>
<Div id = "Countdown">
<span> 01 </span> Min <span> 40 </span> detik
<input type = "tombol" value = "" />
</div> wulin.com www.vevb.com Kode Efek Khusus
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.