Artikel ini menjelaskan metode tampilan waktu dinamis yang mengimplementasikan JavaScript yang disinkronkan ke waktu setempat. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
Contoh waktu tampilan dinamis sangat sederhana. Setelah memahami JavaScript, dimungkinkan untuk menyelesaikan hal -hal dengan beberapa baris kode.
Tetapi bagi beberapa orang yang belum pernah terpapar JavaScript, mereka hampir terlihat seperti proyek besar, dan kemudian mencari kode online, dan kemudian tidak dapat menemukannya dalam kode HTML yang luas, dan pada akhirnya tidak bisa mendapatkan poin kunci.
1. Tujuan Dasar
Menerapkan waktu teks halaman web yang disertai dengan waktu klien (pada mesin browser), menggunakan kode terpendek.
2. Proses Produksi
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 = gb2312" />
<title> jsclock </title>
</head>
<body>
<type skrip = "Teks/JavaScript">
function clock () {
var time = tanggal baru (). TolocaleString ();
document.geteLementById ("clock"). innerHtml = waktu;
}
setInterval ("clock ()", 1000);
</script>
<span id = "clock"> </span>
</body>
</html>
1. Jika objek tanggal menggunakan konstruktor tanpa parameter, itu akan mengembalikan waktu klien. Metode tolocalestring () mengonversi waktu untuk menampilkan format waktu. Jika hanya metode tostring (), itu hanya akan mengubah waktu menjadi string waktu yang ditulis dalam bahasa Inggris. Pada saat yang sama, saya pribadi menyadari bahwa metode tolocaletimestring () tidak ada, tolong jangan lempar. Jika Anda tidak puas dengan waktu konversi metode sistem sendiri, silakan gunakan berbagai metode seperti getDay (), getMonth (), getlyear () untuk membangun string. Tidak ada tampilan lagi.
2. InnerHTML setara dengan ID jam semua elemen di bawah jam. document.geteLementById ("clock"). innerHtml = waktu; Arti kalimat "<span id =" clock "> </span>" diubah menjadi konten string waktu.
3. Kunci dari JavaScript ini adalah setInterval ("clock ()", 1000); Fungsi, yang berarti bahwa fungsi clock () dieksekusi sekali setiap 1000 milidetik, yaitu, setiap 1 detik. Artinya, setiap detik, konten <span id = "clock"> </span> diperbarui ke string waktu.
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.