这是一款基于js的
温度计计时样式代码,不象我们看到的
日期一样,很有创意,大家
分享学习学习。
运行:查看传导的效果和效果。
提示:如果不能在
浏览器中正常运行,可以尝试切换浏览
模式。
温度计时间样式代码的Javascript实现如下所示
温度计样式的时间
无功返回当前单元的宽度= 10; / / 在每个像素单元的宽度
无功返回当前单元的高度= 10; / /每个细胞的高像素
VaR的
字体大小= 11规模的数字。; / /字体
设置太大造成不良
影响。
VaR的字体颜色= 080080 / /
输入任何HTML或;RGB颜色代码
VaR的字体样式=大胆; / /输入粗体、斜体、没有
VaR颜色=红色活性细胞; / /颜色
VaR变色的=灰色不活跃的细胞; / /颜色
var = NS4(navigator.appname.indexof(网景)> = 0 parseFloat(导航仪。appversion)或4 parseFloat(导航仪。appversion)<5)真的假的;
VaR IE4 =(
文件。所有)真的假的;
var = NS6(parseFloat(导航仪。appversion)或5 navigator.appname.indexof(网景)> = 0真:假);
Var binclk,现在;
var=;
为(i = 0;i++ | ' ';
;
对于(i = 0;i < 23;i + +){
t =;
T =(NS4)':';
t =;
}
T = 'points:';
对于(i = 0;i < 59;i + +){
t =;
T =(NS4)':';
t =;
}
T = 'seconds:';
对于(i = 0;i < 59;i + +)
{
t =;
T =(NS4)':';
t =;
}
t =;
为(i = 1;我| +我+;
t =;
document.write(T);
函数init(){
getvals();
为(i = 0;i < =现在。H;i++)setbgcolor('hrs +我,颜色);
为(i = 0;i < =现在。M;i++)setbgcolor('min +我,颜色);
为(i = 0;i < =现在。S;i++)setbgcolor('sec +我,颜色);
('setclock setInterval()',100);
}
功能getvals(){
现在=新日期();
现在的now.getseconds();
现在now.gethours H =();
现在,M = now.getminutes();
}
功能设置时钟(){
getvals();
如果((现在,H = = 0)(现在,M = = 0))为(i = 1;i < = 23;i++)setbgcolor('hrs +我,不舒服);
如果((现在。= = 0)(现在,M = = 0))为(i = 1;i < = 59;i++)setbgcolor('min +我,不舒服);
如果(现在的= = 0)为(i = 1;i < = 59;i++)setbgcolor('sec +我,不舒服);
setbgcolor('hrs +现在。H、颜色);
setbgcolor('min +现在。M,颜色);
setbgcolor('sec +现在。,颜色);
}
函数
调整大小(){
如果(NS4)的历史。(0);
}
功能setbgcolor(idstr,颜色){
如果(IE4)文件。所有{ idstr }。风格。
背景颜色=颜色;
如果(NS4)文件。层{ idstr }。背景颜色=颜色;
如果(NS6)document.getelementbyid(idstr)。风格。背景颜色=颜色;
}
指针初始化窗口;
onresize =调整大小的窗口;
以上是分享javascript实现温度计的时间风格代码,希望大家能喜欢。