用 js 写一个在线时钟

发布时间：2024年01月23日

在线时钟

用 JavaScript 写一个在线时钟，可以渲染到 HTML 页面的任何位置，如果你的项目正好需要，可以直接把代码加到你项目里。

<!DOCTYPE html>  
<html>  
<head>  
<title>在线时钟</title>  
<script type="text/javascript">  
function showTime() {  
    var date = new Date();  
    var year = date.getFullYear();  
    var month = date.getMonth() + 1; // getMonth()返回的月份从0开始，所以需要+1  
    var day = date.getDate();  
    var hours = date.getHours();  
    var minutes = date.getMinutes();  
    var seconds = date.getSeconds(); // getseconds() 应该是 getSeconds()  
    //如果月份、日期、小时、分钟或秒小于10，需要在前面添加一个0  
    if (month < 10) month = "0" + month;  
    if (day < 10) day = "0" + day;  
    if (hours < 10) hours = "0" + hours; // 在小时前面也添加一个0  
    if (minutes < 10) minutes = "0" + minutes;  
    if (seconds < 10) seconds = "0" + seconds;  
    //格式化时间并显示在网页上  
    var time = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds; // 在日期后面添加一个_  
    document.getElementById("time").innerHTML = time;  
}  
</script>  
</head>  
<body onload="setInterval(showTime, 1000)">  
<h1 id="time"></h1>  
</body>  
</html>

在这里插入图片描述

文章来源:https://blog.csdn.net/qq_43112019/article/details/135768586
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章