<div class="warp">
<img src="1.png">
<img src="1.png">
<span>:</span>
<img src="0.png">
<img src="9.png">
<span>:</span>
<img src="1.png">
<img src="2.png">
</div>
<script>
var aimg = document.getElementsByTagName("img");
function fn(i){
if(i<10){
return i ="0"+i;
}else{
return ""+i; //return ''+n; 加''是为了让返回出去的数字类型变成字符串。
}
}
setInterval(function(){
var tim = new Date();
var shi = tim.getHours();
var fen = tim.getMinutes();
var miao = tim.getSeconds();
var time = fn(shi)+fn(fen)+fn(miao);
for(var i=0; i<aimg.length; i++){
aimg[i].src = time.charAt(i)+".png"; //charAt(0)作用于兼容 获取字符串上某一位的东西。例如var str='abcdefg',如果想弹出第0位上的东西不可以直接写成alert(str[0]),部分浏览器会不兼容。这个时候就需要用到charAt()。即alert(str.charAt(0))
}
},1000)
</script>
js日期时间联系
最新推荐文章于 2023-08-09 17:24:22 发布