您的位置:首页 >综合精选 >

javascript如何设置图片时间

跟大家讲解下有关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视频教程

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

来源:php中文网

免责声明:本文由用户上传,如有侵权请联系删除!