บทความนี้อธิบายวิธีการแสดงเวลาแบบไดนามิกที่ใช้ JavaScript ที่ซิงโครไนซ์กับเวลาท้องถิ่น แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
ตัวอย่างของเวลาแสดงแบบไดนามิกนั้นง่ายมาก หลังจากทำความเข้าใจ JavaScript มันเป็นไปได้ที่จะทำสิ่งต่าง ๆ ให้สมบูรณ์ด้วยรหัสสองสามบรรทัด
แต่สำหรับบางคนที่ไม่เคยสัมผัสกับ JavaScript พวกเขาเกือบจะดูเหมือนโครงการขนาดใหญ่จากนั้นค้นหารหัสออนไลน์แล้วไม่สามารถหาได้ในรหัส HTML ที่กว้างใหญ่และท้ายที่สุดก็ไม่สามารถรับประเด็นสำคัญได้
1. วัตถุประสงค์พื้นฐาน
ใช้เวลาข้อความหน้าเว็บที่มาพร้อมกับลูกค้า (บนเครื่องเบราว์เซอร์) โดยใช้รหัสที่สั้นที่สุด
2. กระบวนการผลิต
คัดลอกรหัสดังนี้: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" />
<title> jsclock </title>
</head>
<body>
<script type = "text/javascript">
ฟังก์ชั่นนาฬิกา () {
var time = วันที่ใหม่ (). tolocalestring ();
document.getElementById ("นาฬิกา"). innerhtml = เวลา;
-
setInterval ("นาฬิกา ()", 1,000);
</script>
<span id = "นาฬิกา"> </span>
</body>
</html>
1. หากวัตถุวันที่ใช้ตัวสร้างโดยไม่มีพารามิเตอร์มันจะส่งคืนเวลาของลูกค้า วิธี Tolocalestring () แปลงเวลาในการแสดงรูปแบบของเวลา หากเป็นเพียงวิธี ToString () มันจะแปลงเวลาเป็นสตริงเวลาที่เขียนเป็นภาษาอังกฤษเท่านั้น ในเวลาเดียวกันฉันก็ตระหนักว่าไม่มีวิธีการ tolocaletimestring () โปรดอย่าโยน หากคุณไม่พอใจกับเวลาของการแปลงวิธีการของระบบเองโปรดใช้วิธีการต่าง ๆ เช่น getday (), getMonth (), getUyear () เพื่อสร้างสตริง ไม่มีการแสดงผลอีก
2. InnerHTML เทียบเท่ากับนาฬิกาทุกองค์ประกอบภายใต้นาฬิกา document.getElementById ("นาฬิกา"). innerhtml = เวลา; ความหมายของประโยค "<span id =" นาฬิกา "> </span>" ถูกเปลี่ยนเป็นเนื้อหาของสตริงเวลา
3. คีย์ของ JavaScript นี้คือ setInterval ("clock ()", 1000); ฟังก์ชั่นซึ่งหมายความว่าฟังก์ชั่นนาฬิกา () จะดำเนินการทุก ๆ 1,000 มิลลิวินาทีนั่นคือทุก ๆ 1 วินาที นั่นคือทุกวินาทีเนื้อหาของ <span id = "นาฬิกา"> </span> จะได้รับการอัปเดตเป็นสตริงเวลา
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน