跟大家讲解下有关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中文网