广告
返回顶部
首页 > 资讯 > 精选 >javascript设置图片时间的方法
  • 516
分享到

javascript设置图片时间的方法

2023-06-14 12:06:49 516人浏览 薄情痞子
摘要

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

小编给大家分享一下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设置图片时间的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网精选频道!

--结束END--

本文标题: javascript设置图片时间的方法

本文链接: https://www.lsjlt.com/news/270746.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • javascript设置图片时间的方法
    小编给大家分享一下javascript设置图片时间的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!javascript设置图片时间的方法:获取当前时间,并转换...
    99+
    2023-06-14
  • JavaScript设置图片大小的方法
    本篇内容介绍了“JavaScript设置图片大小的方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2022-10-19
  • css设置图片的方法
    这篇文章给大家分享的是有关css设置图片的方法的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。css设置图片的方法:首先创建一个HTML示例文件;然后在body中创建一个div;最后通过“background-im...
    99+
    2023-06-14
  • html设置时间的方法
    这篇文章给大家分享的是有关html设置时间的方法的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。html设置时间的方法:首先创建一个div;然后给该div添加一个class属性;最后通过“function real...
    99+
    2023-06-14
  • javascript设置固定时间的方法是什么
    这篇文章主要介绍“javascript设置固定时间的方法是什么”,在日常操作中,相信很多人在javascript设置固定时间的方法是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大...
    99+
    2022-10-19
  • wps批注设置图片的方法
    这篇文章主要介绍了wps批注设置图片的方法的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇wps批注设置图片的方法文章都会有所收获,下面我们一起来看看吧。首先我们选中想要批注的文字,点击“插入” 然后点击下方“批...
    99+
    2023-07-02
  • html设置图片居中的方法
    这篇文章将为大家详细讲解有关html设置图片居中的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。在html中,使用margin属性设置图片居中,只需要给图片元素设置“margin:auto”样式即可。...
    99+
    2023-06-14
  • mybatis设置sql执行时间超时时间的方法
    存在这样的场景,当一些比较耗时的查询时,如果不中断,则会导致数据库堵塞,进而会拖垮整个数据库服务的正常运行。 1.如果你使用的是HikariCP连接池的话,可以在配置文件设置conn...
    99+
    2022-11-13
  • 设置html背景图片位置的方法
    这篇文章主要介绍“设置html背景图片位置的方法”,在日常操作中,相信很多人在设置html背景图片位置的方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”设置html背景图片...
    99+
    2022-10-19
  • win8系统设置时间的方法
    一般有下列问题: 1、win8怎么把右下角的时间改为24小时制? 解决方法: A、点击时间区域--更改时间和日期设置--更改时间和日期--更改日历设置--区域-短时间HH:mm长时间HH:mm:ss B、打 2、win...
    99+
    2023-06-04
    win8系统设置 设置 时间 方法
  • php设置北京时间的方法
    本文将为大家详细介绍“php设置北京时间的方法”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“php设置北京时间的方法”能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体内容如下,一起去收获新知识吧。p...
    99+
    2023-06-06
  • php.ini设置北京时间的方法
    本文将为大家详细介绍“php.ini设置北京时间的方法”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“php.ini设置北京时间的方法”能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体内容如下,一起去...
    99+
    2023-06-06
  • html图片不滚动的设置方法
    这篇文章主要介绍了html图片不滚动的设置方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。html设置图片不滚动的方法:首先新建一个html示例文件;然后在index.ht...
    99+
    2023-06-14
  • html中设置背景图片的方法
    这篇文章主要讲解了“html中设置背景图片的方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html中设置背景图片的方法”吧!html中设置背景图片的方法...
    99+
    2022-10-19
  • ppt设置图片透明度的方法
    小编给大家分享一下ppt设置图片透明度的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!方法:首先打开ppt,导入图片;然后点击“插入”-“形状”-“矩形”,绘...
    99+
    2023-06-14
  • php设置图片验证码的方法
    本文将为大家详细介绍“php设置图片验证码的方法”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“php设置图片验证码的方法”能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体内容如下,一起去收获新知识吧...
    99+
    2023-06-06
  • css中背景图片的设置方法
    这篇文章主要介绍了css中背景图片的设置方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。css的全称是什么css的全称是Cascading Style Sheets(层叠样...
    99+
    2023-06-14
  • css设置图片透明度的方法
    这篇文章主要介绍了css设置图片透明度的方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。在css中,可以使用opacity属性设置图片的透明度,语法“opacity:数值”...
    99+
    2023-06-14
  • css中设置图片大小的方法
    这篇文章主要介绍了css中设置图片大小的方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。在css中,可以使用width和height属性来设置图片大小;只需要给img图片元...
    99+
    2023-06-14
  • Springboot RestTemplate设置超时时间的简单方法
    目录排查:Java Config配置配置文件指定RestTemplate 设置超时时间注意点总结RestTemplate未设置超时时间,导致RabbitMQ队列大量堆积,消费者假死,...
    99+
    2022-11-13
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作