js定时器，原生js写的时钟

最新推荐文章于 2023-09-05 20:04:37 发布

伏见伊奈里

最新推荐文章于 2023-09-05 20:04:37 发布

阅读量1k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_35313994/article/details/53156324

版权

JavaScript 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

原生js写的时间

0-9数字的图片

获取本地时间

拼接字符串

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<img src="images/0.png" height="20" alt=""/>
<img src="images/0.png" height="20" alt=""/>
<img src="images/0.png" height="20" alt=""/>
<img src="images/0.png" height="20" alt=""/>              
/
<img src="images/0.png" height="20" alt=""/>
<img src="images/0.png" height="20" alt=""/>
/
<img src="images/0.png" height="20" alt=""/>
<img src="images/0.png" height="20" alt=""/>
    <br>
<img src="images/0.png" height="20" alt=""/>
<img src="images/0.png" height="20" alt=""/>
：
<img src="images/0.png" height="20"  alt=""/>
<img src="images/0.png" height="20" alt=""/>
：
<img src="images/0.png" height="20" alt=""/>
<img src="images/0.png" height="20" alt=""/>
<script>
    function showtime(){
        var aImg=document.getElementsByTagName("img");
        var oDate=new Date();

        var str=todou(oDate.getFullYear())+todou(oDate.getMonth()+1)+todou(oDate.getDate())+todou(oDate.getHours())+todou(oDate.getMinutes())+todou(oDate.getSeconds());
        for(var i=0;i<aImg.length;i++){
            aImg[i].src="images/"+str[i]+".png";
        }

    }
    //补零
    function todou(n){
        if(n<10){
            return "0"+n;
        }else{
            return ""+n;
        }
    }
    setInterval(showtime,1000);
    //js：1，先选中6个图片；2，直接改变图片的值src；3，获取时间把时间拼接为为6位字符串；4，把时间字符串的值依次循环加给src；（时间数字加.png就是对应的图片名称）5，设置定时器，
</script>
</body>
</html>

伏见伊奈里

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js定时器，原生js写的时钟

原生js写的时间0-9数字的图片获取本地时间拼接字符串 // ：： function showtime(){ var aImg=document.getElementsByTagName("img"); var oDate=new Date()
复制链接

扫一扫