欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

javascript如何设置图片时间

程序员文章站 2022-03-04 20:48:34
...

javascript设置图片时间的方法:获取当前时间,并转换为字符串,循环获取字符串并改变节点图片路径,代码为【var sr = toDou(time.getHours())+toDou(time.getMinutes())+toDou】。

javascript如何设置图片时间

本教程操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。

javascript设置图片时间的方法:

<script type="text/javascript">
  function toDou(n){//将十以内的数字转换成两位
         if(n<10){
            return '0'+n;
         }else{
             return ''+n;
      }
  }

获取当前时间,并转换为字符串,循环获取字符串并改变节点图片路径

    function tick(){
        var time = new Date();
        var sr = toDou(time.getHours())+toDou(time.getMinutes())+toDou(time.getSeconds());
        var img = document.getElementsByTagName('img');
        for(var i = 0;i<img.length;i++){
            img[i].src = 'img/'+sr[i]+'.png';
        }
    }
    window.οnlοad=function(){
    tick();
    setInterval(tick, 1000);
    }
<script>

相关免费学习推荐:javascript视频教程

以上就是javascript如何设置图片时间的详细内容,更多请关注其它相关文章!