首页 > web前端 > js教程 > javascript如何设置图片时间

javascript如何设置图片时间

coldplay.xixi
发布: 2023-01-05 16:07:41
原创
3123 人浏览过

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

javascript如何设置图片时间

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

javascript设置图片时间的方法:

1

2

3

4

5

6

7

8

<script type="text/javascript">

  function toDou(n){//将十以内的数字转换成两位

         if(n<10){

            return &#39;0&#39;+n;

         }else{

             return &#39;&#39;+n;

      }

  }

登录后复制

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

1

2

3

4

5

6

7

8

9

10

11

12

13

    function tick(){

        var time = new Date();

        var sr = toDou(time.getHours())+toDou(time.getMinutes())+toDou(time.getSeconds());

        var img = document.getElementsByTagName(&#39;img&#39;);

        for(var i = 0;i<img.length;i++){

            img[i].src = &#39;img/&#39;+sr[i]+&#39;.png&#39;;

        }

    }

    window.οnlοad=function(){

    tick();

    setInterval(tick, 1000);

    }

<script>

登录后复制

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

以上是javascript如何设置图片时间的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
怎么实现 JavaScript点与圆的位置关系
来自于 1970-01-01 08:00:00
0
0
0
JavaScript钩子函数是什么?
来自于 1970-01-01 08:00:00
0
0
0
c++ 调用javascript
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板