小编给大家分享一下javascript设置图片时间的方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

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

本教程操作环境：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设置图片时间的方法”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注天达云行业资讯频道！