javascript时间显示代码收集

最新推荐文章于 2024-01-05 17:25:23 发布

zxl0715

最新推荐文章于 2024-01-05 17:25:23 发布

阅读量315

点赞数

分类专栏： asp.net中实现身份验证 JavaScript技术文章标签： javascript date function input button documentation

本文链接：https://blog.csdn.net/zxl0715/article/details/5457132

版权

JavaScript技术同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

asp.net中实现身份验证

7 篇文章 0 订阅

订阅专栏

z 查看文章
javascript时间显示代码收集32007年05月04日星期五 16:44温度计式样的时间

<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)?   true   :   false;
var   IE4   =   (document.all)?   true   :   false;
var   NS6   =   (parseFloat(navigator.appVersion)   >=   5   &&   navigator.appName.indexOf("Netscape")>=0   )?   true:   false;
var   binclk,   now;
var   t='<table   cellspacing="1"   cellpadding="0"   border="0"><tr><td   align="center">   </td>';
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>   |</font></td>';
t+='<td>   </td></tr><tr><td   align="center"><font   style="font-size:'+fontsize+'px;   font-weight:'+fontstyle+';   color:   '+fontcolor+'">时:   </font></td>';
for(i=0;i<=23;i++){
t+='<td>';
t+=(NS4)?   '<ilayer   name="hrs'+i+'"   height="'+cellheight+'"   width="'+cellwidth+'"   bgcolor="'+offcolor+'"></ilayer>'   :   '<div   id="hrs'+i+'"   style="position:relative;   width:'+cellwidth+'px;   font-size:1px;   height:'+cellheight+'px;   background-color:'+offcolor+'"></div>';
t+='</td>';
}
t+='<td   colspan="36"><td>   </td></tr><tr><td   align="center"><font   style="font-size:'+fontsize+'px;   font-weight:'+fontstyle+';   color:   '+fontcolor+'">分:   </font></td>';
for(i=0;i<=59;i++){
t+='<td>';
t+=(NS4)?   '<ilayer   name="min'+i+'"   width="'+cellwidth+'"   height="'+cellheight+'"   bgcolor="'+offcolor+'"></ilayer>'   :   '<div   id="min'+i+'"   style="position:relative;   width:'+cellwidth+'px;   font-size:1px;   height:'+cellheight+'px;   background-color:'+offcolor+'"></div>';
t+='</td>';
}
t+='<td>   </td></tr><tr><td   align="center"><font   style="font-size:'+fontsize+'px;   font-weight:'+fontstyle+';   color:   '+fontcolor+'">秒:   </font></td>';
for(i=0;i<=59;i++)
{
t+='<td>';
t+=(NS4)?   '<ilayer   name="sec'+i+'"   width="'+cellwidth+'"   height="'+cellheight+'"   bgcolor="'+offcolor+'"></ilayer>'   :   '<div   id="sec'+i+'"   style="position:relative;   width:'+cellwidth+'px;   font-size:1px;   height:'+cellheight+'px;   background-color:'+offcolor+'"></div>';
t+='</td>';
}
t+='<td>   </td></tr><tr><td>   </td><td>   </td>';
for(i=1;i<=59;i+=2)t+='<td   align="left"   colspan="2"><font   style="font-size:'+fontsize+'px;   font-weight:'+fontstyle+';   color:   '+fontcolor+'">   |<br>'+i+'</font></td>';
t+='</tr></table>';
document.write(t);
function   init(){
getvals();
for(i=0;i<=now.h;i++)setbgcolor('hrs'+i,   oncolor);
for(i=0;i<=now.m;i++)setbgcolor('min'+i,   oncolor);
for(i=0;i<=now.s;i++)setbgcolor('sec'+i,   oncolor);
setInterval('setclock()',   100);
}
function   getvals(){
now=new   Date();
now.s=now.getSeconds();
now.h=now.getHours();
now.m=now.getMinutes();
}
function   setclock(){
getvals();
if((now.h==0)&&(now.m==0))   for(i=1;i<=23;i++)setbgcolor('hrs'+i,   offcolor);
if((now.s==0)&&(now.m==0))   for   (i=1;i<=59;i++)setbgcolor('min'+i,   offcolor);
if(now.s==0)   for(i=1;i<=59;i++)setbgcolor('sec'+i,   offcolor);
setbgcolor('hrs'+now.h,   oncolor);
setbgcolor('min'+now.m,   oncolor);
setbgcolor('sec'+now.s,   oncolor);
}
function   resize(){
if(NS4)history.go(0);
}
function   setbgcolor(idstr,   color){
if(IE4)document.all[idstr].style.backgroundColor=color;
if(NS4)document.layers[idstr].bgColor=color;
if(NS6)document.getElementById(idstr).style.backgroundColor=color;
}
window.οnlοad=init;
window.οnresize=resize;
</SCRIPT>记录几天后的日期<script language="JavaScript">

</script>
                     <form name=form>
                       <input type=text name=DaysToAdd size=4 value=10 onFocus="this.select()" onMouseOver="this.focus()">
                       <input type=button value="天后的日期将是.." onClick="AddDays(this.form)" name="button">
                       <input type=text name="display" size=20 value="">
                     </form>带开关的时钟<script language="JavaScript">
     var enabled=0;
function TOfunc() {
     TO = window.setTimeout( "TOfunc()", 1000
);
     var today = new Date();
     document.clock.disp.value =
today.toLocaleString();
     }
</script>
                   <form name="clock">
                     <input type="text" name="disp" value="" size=20
onFocus="this.blur()" >
                     <br>
                     <input type="radio" name="rad" value="off"
onClick="
   if( enabled==1 )
     {
      document.clock.disp.value='';
      clearTimeout( TO );
      enabled = 0;
      }
    " checked>
                     关<font color="#FFFF99"> </font>
                     <input type="radio" name="rad" value="on"
onClick="
      if( enabled == 0 ) {
         var TO = setTimeout( 'TOfunc()', 1000 );
         enabled = 1;      }" >
                     开<font color="#FFFF99"> </font>
                   </form>随时间变化提示<SCRIPT language="JavaScript">

</SCRIPT>
<SCRIPT language="JavaScript"></SCRIPT>按钮控制时间日期显示<script Language="JavaScript">

</script></head><body bgcolor="#fef4d9" onLoad="startclock()"><form name="clock" onSubmit="0">
        <input      type=button value="Time" size=12 onClick="showtime()">
         <input     type=button value="Date" size=12 onClick="gettheDate()">
         <input type="text" name="face" size=12 value="" StartTimer()>
</form>显示离开某事件多少时间的提示牌<SCRIPT language=javascript></SCRIPT><SCRIPT language=javascript></SCRIPT>猜你的属相<html>
<head>
<title>猜你的属相</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body    bgcolor=#FFFFFF   >

<SCRIPT language=JavaScript>
<!--
function getpet () {

         var toyear = 1997;
         var birthyear = document.frm.inyear.value;
         var birthpet="Ox"

         x = (toyear - birthyear) % 12
         if ((x == 1) || (x == -11)) {
             birthpet="您属老鼠"       }
             else   {
              if (x == 0)              {
              birthpet="您属牛"            }
              else   {
               if ((x == 11) || (x == -1)) {
               birthpet="您属老虎"           }
               else   {
                if ((x == 10) || (x == -2)) {
                birthpet="您属兔子"          }
                else   {
                 if ((x == 9) || (x == -3))   {
                 birthpet="您属龙"          }
                 else   {
                  if ((x == 8) || (x == -4))   {
                  birthpet="您属蛇"       }
                  else   {
                   if ((x == 7) || (x == -5))   {
                   birthpet="您属马"       }
                   else   {
                    if ((x == 6) || (x == -6))   {
                    birthpet="您属羊"       }
                    else   {
                     if ((x == 5) || (x == -7))   {
                     birthpet="您属猴"      }
                     else   {
                      if ((x == 4) || (x == -8))   {
                      birthpet="您属鸡"     }
                      else   {
                       if ((x == 3) || (x == -9))   {
                       birthpet="您属狗"         }
                       else   {
                        if ((x == 2) || (x == -10))   {
                        birthpet="您属猪"          }
                       }
                      }
                     }
                    }
                   }
                  }
                 }
                }
               }
              }
             }
         document.frm.birth.value = birthpet;

}
// -->
</SCRIPT>
<FORM name=frm>
出生年份：<INPUT name=inyear size=4 value=1975> <BR><INPUT οnclick=getpet() type=button value=看看属什么><INPUT name=birth size=9></FORM>
</body>
</html>

zxl0715

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript时间显示代码收集

z 查看文章 javascript时间显示代码收集32007年05月04日星期五 16:44温度计式样的时间温度计式样的时间 var cellwidth=10; // EACH "CELL" WIDTH IN PIXELSvar cellheight=10;
复制链接

扫一扫