找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 查看内容

javascript如何设置图片时间

作者:模板之家 2021-4-12 19:24 94人关注

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

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视频教程

以上就是javascript如何设置图片时间的详细内容,更多请关注模板之家(www.mb5.com.cn)其它相关文章!


路过

雷人

握手

鲜花

鸡蛋
来自: 网络收集

全部回复(0)