HTML แสดงเวลาปัจจุบัน ด้วย JavaScript
5.3K
1
HTML แสดงเวลาปัจจุบัน ด้วย JavaScript บทความนี้สอนการเขียน JavaScript เพื่อดึงเวลาปัจจุบันด้วยคำสั่ง Date และแสดงผลที่หน้าเว็บไซต์ผ่าน attribute id ด้วยคำสั่ง innerHTML สามารถเขียนโปรแกรมได้ดังนี้
ตัวอย่าง HTML แสดงเวลาปัจจุบัน ด้วย JavaScript
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
วันที่ปัจจุบันคือ <span id="date"></span>
</body>
<script>
let today = new Date().toISOString().slice(0, 10);
document.getElementById("date").innerHTML = today;
</script>
</html>ผลลัพธ์
วันที่ปัจจุบันคือ 2022-04-29
คำอธิบาย
HTML แสดงเวลาปัจจุบัน ด้วย JavaScript จากตัวอย่างใช้คำสั่ง new Date เพื่อดึงวันที่ปัจจุบัน พร้อมกับใช้คำสั่ง toISOString และ slice เพื่อจัดรูปแบบการแสดงผลเป็น ปี-เดือน-วัน โดยแสดงผลที่ span id เท่ากับ date ผ่านคำสั่ง document.getElementById และ innerHTML ของ JavaScript
เขียน 2 ปีที่แล้ว
ชอบ 1
บุ๊คมาร์ค
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ