您的位置：首页 > 其它

字模数字时钟demo

2012-06-25 00:00 260 查看 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>字模数字时钟demo</title>
</head>

<body>

<div id="code1"> </div>
<SCRIPT LANGUAGE="JavaScript" >
<!--
function $(s){return document.getElementById(s);}//获取对像
function $r(a,b){return parseInt(Math.random()*b-a)}
var test1={ // 显示为16*16  字模,模式:ABCD,MODE:C51
"0":"0x00,0x00,0x00,0x00,0x00,0x00,0x07,0xF0,0x18,0x18,0x18,0x0C,0x30,0x0C,0x30,0x0E,0x30,0x0E,0x30,0x0E,0x30,0x0C,0x18,0x0C,0x0C,0x18,0x07,0xE0,0x00,0x00,0x00,0x00",
"1":"0x00,0x00,0x00,0x00,0x01,0xC0,0x03,0xC0,0x0F,0xC0,0x01,0xC0,0x01,0xC0,0x01,0xC0,0x01,0xC0,0x01,0xC0,0x01,0xC0,0x01,0xC0,0x01,0xC0,0x0F,0xF8,0x00,0x00,0x00,0x00",
"2":"0x00,0x00,0x00,0x00,0x00,0x00,0x0F,0xF0,0x10,0x0C,0x38,0x0C,0x18,0x0C,0x00,0x18,0x00,0x60,0x00,0x80,0x02,0x00,0x08,0x04,0x30,0x0C,0x3F,0xFC,0x00,0x00,0x00,0x00",
"3":"0x00,0x00,0x00,0x00,0x00,0x00,0x07,0xF0,0x18,0x18,0x18,0x1C,0x00,0x18,0x00,0xF0,0x00,0xF0,0x00,0x08,0x00,0x0C,0x38,0x0C,0x38,0x18,0x0F,0xF0,0x00,0x00,0x00,0x00",
"4":"0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x30,0x00,0xF0,0x01,0x30,0x02,0x30,0x04,0x30,0x08,0x30,0x20,0x30,0x3F,0xFE,0x00,0x30,0x00,0x30,0x01,0xFC,0x00,0x00,0x00,0x00",
"5":"0x00,0x00,0x00,0x00,0x00,0x00,0x1F,0xFC,0x18,0x00,0x10,0x00,0x10,0x00,0x17,0xF8,0x10,0x1C,0x00,0x0C,0x10,0x0C,0x38,0x0C,0x10,0x18,0x0B,0xF0,0x00,0x00,0x00,0x00",
"6":"0x00,0x00,0x00,0x00,0x00,0x00,0x07,0xF8,0x08,0x1C,0x18,0x00,0x30,0x00,0x37,0xF8,0x38,0x0C,0x30,0x0E,0x30,0x0E,0x38,0x0C,0x18,0x0C,0x07,0xF0,0x00,0x00,0x00,0x00",
"7":"0x00,0x00,0x00,0x00,0x00,0x00,0x1F,0xFC,0x30,0x08,0x00,0x10,0x00,0x20,0x00,0x40,0x00,0xC0,0x01,0x80,0x01,0x80,0x03,0x80,0x03,0x80,0x03,0x00,0x00,0x00,0x00,0x00",
"8":"0x00,0x00,0x00,0x00,0x00,0x00,0x0F,0xF0,0x10,0x0C,0x30,0x0C,0x18,0x0C,0x0F,0xF0,0x0F,0xF0,0x10,0x38,0x30,0x0C,0x30,0x0C,0x30,0x0C,0x0B,0xF0,0x00,0x00,0x00,0x00",
"9":"0x00,0x00,0x00,0x00,0x00,0x00,0x0F,0xF0,0x10,0x18,0x30,0x0C,0x70,0x0E,0x30,0x0E,0x38,0x3E,0x0F,0xCC,0x00,0x0C,0x00,0x18,0x18,0x30,0x0F,0x40,0x00,0x00,0x00,0x00",
":":"0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x01,0x80,0x01,0x80,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x01,0x80,0x01,0x80,0x00,0x00,0x00,0x00"
};

$('code1').innerHTML=createUi('0')+createUi('1')+createUi('2')+createUi('3')+createUi('4')+createUi('5')+createUi('6')+createUi('7')+createUi('8')+createUi('9');

setInterval( doSetNowTime , 1000 );
//doSetNowTime();

function doSetNowTime(){
var dateTime=new Date();
var hh=dateTime.getHours();
var mm=dateTime.getMinutes();
var ss=dateTime.getSeconds();

//	var yy=dateTime.getFullYear();
//	var MM=dateTime.getMonth()+1;  //因为1月这个方法返回为0，所以加1
//	var dd=dateTime.getDate();
//	var week=dateTime.getDay();
var _time = bqTime( hh )+":"+bqTime( mm )+":"+bqTime( ss );
var _timeStr = "";
for( var i=0;i<_time.length;i++ ){
_timeStr += createUi( _time.substr(i,1) );
}
$('code1').innerHTML = _timeStr;
}

function bqTime( b ){//补零
if( b.toString().length < 2 ){
b = "0"+b.toString();
}
return b;
}
function bq(b){//补零
while(b.length<8){
b=("0"+b.toString());
}
return b
}
function createUi(z){
var b=test1[z.toString()].split(',')
var temp=new Array();
var j=0;
for(var i=0;i<b.length;j++)
{
temp[j]=bq(eval(b[i]).toString(2))+bq(eval(b[i+1]).toString(2));
i += 2;
}
var co=['red','yellow','blue','gray','orange']
var str='\
<table cellspacing="1" cellpadding="0" border="0" bgcolor="gray" style="float:left;margin-left:5px;" >'
for(var j=0;j<16;j++)
{
str+=("<tr>");
for(var i=0;i<16;i++)
{
var sn = "#ffffff";
//	tempStr  =  temp[j] + "/"+j+"/"+i+"/"+temp[j].toString().substr(i,1);
switch(temp[j].toString().substr(i,1))
{
case "1": sn = "green" //co[$r(0,4)]
break;
case "0": sn = "#fff";
nnx=i; nny=j;
break;
}

//alert( tempStr );
str+=('<td style="background-color:'+sn+'" width="5px" height="5px"></td>');
}
str+=("</tr>");
}
str+="</table>"
return str
}
//-->
</SCRIPT>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  字模 led 数字时钟
相关文章推荐
新的分享
章节导航