Contoh artikel ini menjelaskan bagaimana JS mengimplementasikan waktu tampilan sederhana pada halaman web. Bagikan untuk referensi Anda. Dengan rincian sebagai berikut:
Ini adalah kode JS jam web, implementasi JavaScript murni, menampilkan waktu, menit dan detik. Ada banyak tampilan waktu web dan jam web, yang sangat sederhana. Teman dengan seniman yang baik dapat mempercantik dan memperbaikinya atas dasar ini.
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 web sederhana </iteme>
<tyle>
tubuh, div {margin: 0; padding: 0;}
body {color: #ffff; font: 16px/1.5/5fae/8f6f/96c5/9ed1;}
#clock {width: 300px; text-align: center; latar belakang:#1a1a1a; margin: 10px auto; padding: 20px 0;}
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 oclock = document.getElementById ("clock");
var aspan = oclock.getElementsbyTagname ("span");
setInterval (Gettimes, 1000);
gettimes ();
fungsi gettimes ()
{
var odate = tanggal baru ();
var adate = [odate.getHours (), odate.getMinutes (), odate.getSeconds ()];
untuk (var i in adate) aspan [i] .innerHtml = format (adate [i])
}
format fungsi (a)
{
return a.tostring (). REPLACE (/^(/D) $/, "0 $ 1")
}
}
</script>
</head>
<body>
<Div id = "clock">
<span> </span> poin <span> </span> menit <span> </span> detik
</div>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.