js实现温度计时间样式代码分享_javascript技巧

2016-05-16 15:43 1421浏览原创

这是一款基于js实现温度计时间样式代码，与我们见过的日期显示都不一样，很有创意，分享给大家学习学习

运行效果图：----------------------查看效果-----------------------

小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。
为大家分享的javascript实现温度计时间样式代码如下

<title> 温度计式样的时间 </title><script language="javascript">
var cellwidth=10; // EACH "CELL" WIDTH IN PIXELS
var cellheight=10; // EACH "CELL" HEIGHT IN PIXELS
var fontsize=11; // FONT SIZE OF THE NUMBERS. SETTING THIS TOO BIG CAUSES UNDESIRED EFFECTS.
var fontcolor="080080"; // ENTER ANY HTML or RGB COLOR CODE
var fontstyle="bold"; // ENTER EITHER BOLD, ITALICS, NONE
var oncolor="red"; // COLOR OF ACTIVE CELLS
var offcolor="lightgrey"; // COLOR OF INACTIVE CELLS

var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)&#63; true : false;
var IE4 = (document.all)&#63; true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )&#63; true: false;
var binclk, now;
var t='<table cellspacing="1" cellpadding="0" border="0"><tr><td align="center"> ';
for(i=0;i<=58;i+=2)t+='<td align="left" colspan="2"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'">'+i+'<br> |';
t+='<td> <tr><td align="center"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'">时: ';
for(i=0;i<=23;i++){
t+='<td>';
t+=(NS4)&#63; '<ilayer name="hrs'+i+'" height="'+cellheight+'" width="'+cellwidth+'" bgcolor="'+offcolor+'">' : '<div id="hrs'+i+'" style="position:relative; width:'+cellwidth+'px; font-size:1px; height:'+cellheight+'px; background-color:'+offcolor+'"></script>

'; t+=''; } t+=' 分: '; for(i=0;i'; t+=(NS4)? '' : '

'; t+=''; } t+=' 秒: '; for(i=0;i'; t+=(NS4)? '' : '

'; t+=''; } t+=' '; for(i=1;i |
'+i+''; t+=''; document.write(t); function init(){ getvals(); for(i=0;i

以上就是为大家分享的javascript实现温度计时间样式代码，希望大家可以喜欢。