搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
JavaScript
JavaScript 教程
JavaScript基础教程
源代码
清空
点击运行
<!DOCTYPE html> <html> <title>js输出当前日期时间 - 基础教程 div.cn</title> <head> <style> #result { display: flex; justify-content: center; color: #ec181e; font-size: 25vw; font-weight: 900; text-shadow: 0 6px 4px rgba(255, 100, 100, 0.6); } </style> </head> <body> <div id="result">00:00:00</div> <script> // execute startTimer() once every 1 second var intervalID = setInterval(startTimer, 1000); function startTimer() { var date = new Date(); var x = document.getElementById("result"); x.innerHTML = date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds(); } </script> </body> </html>
运行结果