本文摘自PHP中文网,作者coldplay.xixi,侵删。
javascript设置图片时间的方法:获取当前时间,并转换为字符串,循环获取字符串并改变节点图片路径,代码为【var sr = toDou(time.getHours())+toDou(time.getMinutes())+toDou】。

本教程操作环境: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 '0' +n;
} else {
return '' +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( '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如何设置图片时间的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
javascript数组什么意思
d3.js实现创建完整柱形图的代码介绍
javascript和java一样吗?有什么区别?
详解javascript是如何运行的
vuex中映射的完整指南
iview组件事件额外传递参数的代码示例
如何在网页中引入外部js文件和css样式文件
javascript定时器怎么停止
javascript怎么实现页面跳转
javascript中怎么将字符串转为数字
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » javascript如何设置图片时间