ตัวอย่างบทความนี้อธิบายถึงวิธีที่ JS ใช้เวลาแสดงผลง่ายๆบนหน้าเว็บ แบ่งปันสำหรับการอ้างอิงของคุณ รายละเอียดมีดังนี้:
นี่คือรหัส Web Clock JS การใช้งาน JavaScript บริสุทธิ์การแสดงเวลานาทีและวินาที มีการแสดงทางเว็บหลายครั้งและเว็บนาฬิกาซึ่งง่ายมาก เพื่อนกับศิลปินที่ดีสามารถทำให้สวยงามและปรับปรุงพวกเขาบนพื้นฐานนี้
คัดลอกรหัสดังนี้: <! 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 = utf-8" />
<title> web clock ง่าย ๆ </title>
<style>
ร่างกาย, div {margin: 0; padding: 0;}
Body {color: #FFFF; FONT: 16PX/1.5/5FAE/8F6F/96C5/9ED1;}
#clock {Width: 300px; text-sall: center; พื้นหลัง:#1a1a1a; margin: 10px auto; padding: 20px 0;}
Span {color:#000; Width: 80px; Line-Height: 2; พื้นหลัง: #FBFBFB; BORDING: 2PX SOLID#B4B4B4; มาร์จิ้น: 0 10PX; PADDING: 0 10PX;}
</style>
<script>
window.onload = function ()
-
var oclock = document.getElementById ("นาฬิกา");
var aspan = oclock.getElementsByTagname ("span");
setInterval (getTimes, 1,000);
getTimes ();
ฟังก์ชั่น getTimes ()
-
var odate = new Date ();
var adate = [odate.getHours (), odate.getMinutes (), odate.getSeconds ()];
สำหรับ (var i ใน adate) aspan [i] .innerhtml = รูปแบบ (adate [i])
-
รูปแบบฟังก์ชัน (a)
-
return a.toString (). แทนที่ (/^(/d) $/, "0 $ 1")
-
-
</script>
</head>
<body>
<div id = "นาฬิกา">
<span> </span> คะแนน <span> </span> นาที <span> </span> วินาที
</div>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน