html，js--时钟

最新推荐文章于 2023-10-20 15:57:07 发布

HadwinLing

最新推荐文章于 2023-10-20 15:57:07 发布

阅读量75

点赞数

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/Alingyuzi/article/details/104776761

版权

前端专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        window.onload = function () {
            // setInterval(fun,time):全局函数，每间隔time毫秒就执行一次fun
            // setTimeout(fun,time):全局函数 ，time毫秒之后执行fun   计时器
            setInterval(getTime,1000);
        }
        function getTime() {
            //获取时间函数
            var div = document.getElementById("timer");

            var dateStr = "";
            var date = new Date();

            var year = date.getFullYear();
            var month = formatNum(date.getMonth());
            var day = formatNum(date.getDate());
            var hour = formatNum(date.getHours());
            var minute = formatNum(date.getMinutes());
            var second = formatNum(date.getSeconds());
            var week = formatNum(date.getDay());

            dateStr = year+'-'+month+'-'+day+" "+hour +":"+minute+":"+second+' 星期'+formatWeek(week);
            div.innerHTML = '<span style ="color:red;font-size: 14px">'+dateStr+'</span>'
        }
        function formatNum(num){
            return num<10?"0"+num:num;
        }
        //将星期数字转为中文
        function formatWeek(num) {
            return "日一二三四五六".substr(num,1);
        }
    </script>
</head>
<body>
<div id="timer"></div>

</body>
</html>

HadwinLing

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html，js--时钟

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> window.onload = function () { // ...
复制链接

扫一扫