<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系统时间对象</title>
<script>
window.onload = function(){
var oBody = document.body;
var oP = document.getElementById('time');
//系统时间对象
//var time = new Date();
//alert( time );
//myTime typeof object
function fnTime(){
var myTime = new Date();
var aImg = document.getElementsByTagName('img');
//一下的typeof is number
var iHours = myTime.getHours();
var iMinutes = myTime.getMinutes();
var iSeconds = myTime.getSeconds();
var str = toTwo(iHours) + toTwo(iMinutes) + toTwo(iSeconds);
for( var i=0; i<str.length; i++){
aImg[i].src = str.charAt(i)+'.png';
}
}
fnTime();
setInterval( fnTime, 1000);
};
function toTwo( n ){
return n<10 ? '0' +n : '' + n;
}
</script>
</head>
<body>
<p id="time" style="font-size:40px;"></p>
<img src="0.png" alt="" />
<img src="1.png" alt="" />
<img src="0.png" alt="" />
<img src="5.png" alt="" />
<img src="7.png" alt="" />
<img src="5.png" alt="" />
</body>
</html>
图片倒计时实现原理--js
最新推荐文章于 2021-12-14 20:10:48 发布