html数字时间效果图,html5图片数字时钟代码

特效描述：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);

}