HTML แสดงเวลาปัจจุบัน ด้วย JavaScript

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

HTML JavaScript date innerHTML

Devman

เขียน 2 ปีที่แล้ว

ชอบ 1

ลิ้งก์

แชร์

Devdit มีช่อง YouTube แล้ว

เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ

เนื้อหาแนะนำ