特效描述：html5 图片数字时钟代码。html5图片数字时钟代码
代码结构
1. HTML代码
img{
width: 25px;
height: 25px;
}
html5图片数字时钟代码
function getImg(val) {
var len=val.length;
var images="";
for (var i = 0; i < len; i++) {
var num=val.substr(i,1);
switch(num){
case '0' :
images += "";
break;
case '1' :
images += "";
break;
case '2':
images += "";
break;
case '3' :
images += "";
break;
case '4' :
images += "";
break;
case '5' :
images += "";
break;
case '6' :
images += "";
break;
case '7':
images += "";
break;
case '8':
images += "";
break;
case '9' :
images += "";
break;
}
}
return images;
}
function times() {
var dv=document.getElementById('m');
var date=new Date();
var year=date.getFullYear()+"";
var months=date.getMonth()+1;
months=months<10?'0'+months:months+"";
var day =date.getDate();
day=day<10?'0'+day:day+"";
var hours=date.getHours();
hours=hours<10?'0'+hours:hours+"";
var minutes=date.getMinutes();
minutes=minutes<10?'0'+minutes:minutes+"";
var seconds=date.getSeconds();
seconds=seconds<10?'0'+seconds:seconds+"";
dv.innerHTML = getImg(year)+'年'+ getImg(months)+'月'+getImg(day)+'日' + getImg(hours)+'时'+ getImg(minutes)+'分'+ getImg(seconds)+'秒';
}
var interval=0;
function autoadd(){
clearInterval(interval);
interval=setInterval("times()",1000);
}
如果觉得《html数字时间效果图 html5图片数字时钟代码》对你有帮助，请点赞、收藏，并留下你的观点哦！
