趣味编程-使用HTML实时显示时间并且实时刷新

最新推荐文章于 2025-03-22 21:45:00 发布

个人练习生xx

最新推荐文章于 2025-03-22 21:45:00 发布

阅读量1.7k

点赞数 2

文章标签： html javascript 前端

本文链接：https://blog.youkuaiyun.com/m0_56235386/article/details/130106607

版权

这是一个使用HTML和JavaScript编写的代码示例，它创建了一个功能，每隔1秒在页面上动态更新当前的时间，包括年、月、日、小时、分钟和秒。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下是一个使用HTML实时显示时间并且实时刷新的示例代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>HTML显示时间并且实时刷新</title>
</head>
<body>
    <p id="time"></p>
    <script type="text/javascript">  
        function showTime(){  
            var date = new Date();  
            var year = date.getFullYear(); //获取当前年份   
            var month = date.getMonth()+1;//获取当前月份   
            var day = date.getDate();//获取当前日   
            var hours = date.getHours();//获取小时   
            var minutes = date.getMinutes();//获取分钟   
            var seconds = date.getSeconds();//获取秒   
            document.getElementById('time').innerHTML = year+'-'+month+'-'+day+' '+hours+':'+minutes+':'+seconds;  
        }  
        setInterval(showTime,1000); //设置定时器，每间隔1秒钟调用一次showTime()方法   
    </script>  
</body>
</html>

直接运行即可