这是一个基于js的温度计时间样式代码,与我们看到的日期显示不同。非常有创意,可以分享给大家学习
操作效果图:检查效果。
提示:如果浏览器工作不正常,可以尝试切换浏览模式。大家分享的用javascript实现温度计时间样式的代码如下
标题温度计式样的时间/title脚本语言=javascriptvar cellwidth=10//每个"单元格"的宽度以像素为单位,单元格高度=10;PIXELSvar中的每个"单元格"高度fontsize=11/数字的字体大小。设置得太大会导致不希望的效果。//输入任意超文本标记语言或RGB颜色代码var字体样式='粗体';//输入BOLD、斜体、NONEvar或肿瘤君='红色;//活动单元格的颜色颜色=浅灰色;//非活动单元格的颜色变量NS4=(导航器。appname。indexof(' Netscape ')=0 parseFloat(导航器)。appversion)=4 parseFloat(导航器)。appversion)5)?真:假;var IE4=(document.all)?真:假;var NS6=(parseFloat(导航器。appversion)=5导航器。appname。indexof(' Netscape ')=0)?true: falsevar binclk,现在;var t=' table单元格间距=' 1 '单元格填充=' 0 '边框=' 0 ' trtd align=' center '/TD;for(I=0;I=58I=2)t=' TD align=' left ' col span=' 2 ' font style=' font-size : ' font size ' px;font-weight :“字体样式”;color : '字体颜色' ' ' I ' br |/font/TD ';t=' TD/TD/TRT TD align=' center ' font style=' font-size : ' font size ' px;font-weight :“字体样式”;颜色:【字体颜色】时:/font/TD ';for(I=0;I=23I){ t=' TD ';t=(NS4)?" I层名称=' hrs ' I ' '高度='单元格高度' '宽度='单元格宽度' ' bgcolor=' off color ' '/I层' : ' div id=' hrs ' I ' ' style='位置: relative宽度:“单元宽度”px;font-size :1 pxheight : ' cell height ' pxbackground-color : ' off color ' '/div ';t='/TD ';} t=' TD col span=' 36 ' TD/TD/trtd align=' center ' font style=' font-size : ' font size ' px;font-weight :“字体样式”;颜色:【字体颜色】分:/font/TD ';for(I=0;I=59I){ t=' TD ';t=(NS4)?I图层名称=' min ' I ' '宽度='单元格宽度' '高度='单元格高度' ' bgcolor=' off color '/I图层' : ' div id=' min ' I ' ' style='位置: relative宽度:“单元宽度”px;font-size :1 pxheight : ' cell height ' pxbackground-color : ' off color ' '/div ';t='/TD ';} t=' TD/TD/trtr TD align=' center ' font style=' font-size : ' font size ' px;font-weight :“字体样式”;颜色:【字体颜色】秒:/font/TD ';for(I=0;I=59I){ t=' TD ';t=(NS4)?" I层名称=' sec ' I ' '宽度='单元格宽度' '高度='单元格高度' ' bgcolor=' off color '/I层' : ' div id=' sec ' I ' ' style='位置:相对;宽度:“单元宽度”px;font-size :1 pxheight : ' cell height ' pxbackground-color : ' off color ' '/div ';t='/TD ';} t=' TD/TD/TRT TD/tdtd/TD ';for(I=1;I=59I=2)t=' TD align=' left ' col span=' 2 ' font style=' font-size : ' font size ' px;font-weight :“字体样式”;color : '字体颜色' | br ' I '/font/TD ';t='/tr/table ';文件。写(t);函数init(){ getvals();for(I=0;i=now.hi )setbgcolor('hrs' i,肿瘤科);for(I=0;i=now.mi )setbgcolor('min' i,肿瘤科);for(I=0;我=现在i )setbgcolor('sec' i,肿瘤科);setInterval('setclock()',100);}函数getvals(){ now=new Date();现在。s=现在。getseconds();现在。h=现在。gethours();现在。m=现在。getminutes();}函数setclock(){ getvals();if((now.h==0)(now.m==0))为(I=1;i=23i )setbgcolor('hrs' i,off color);if((now.s==0)(now.m==0))为(I=1;i=59i )setbgcolor('min' i,off color);if(now.s==0)为(I=1;i=59i )setbgcolor('sec' i,off color);setbgcolor('hrs' now.h,肿瘤科);setbgcolor('min' now.m,肿瘤科);setbgcolor('sec' now.s,肿瘤科);}函数resize(){ if(NS4)历史记录。go(0);}函数setbgcolor(idstr,color){ if(IE4)文档。all[idstr]。风格。背景色=颜色;if(NS4)document.layers[idstr].bgColor=colorif(NS6)文档。getelementbyid(id字符串)。风格。背景颜色=color} window . onload=init window . onresize=resize/SCRIPT以上就是为大家分享的爪哇岛描述语言实现温度计时间样式代码,希望大家可以喜欢。