超强-按钮上功能完备的时钟_网页背景按钮特效_网页特效库

·网页特效库 ·网页工具库

< 后退 | 收藏网页特效库

推荐网页特效

更多推荐特效

购物网站的导航效果，推荐！

向上下左右滚动图片的特效

超级变态广告代码

加入收藏夹

防止选择和复制

新浪博客的提示窗口，推荐！

网页工具库 - 让网页制作更轻松

推荐网页工具

更多网页工具

在线html编辑器

在线CSS编辑器

滚动条颜色生成器

弹出窗口生成器

网页加密解密工具

汉字转换成拼音工具

文本繁简体转换工具

您的位置：网页特效库 >> 背景按钮特效 >> 超强-按钮上功能完备的时钟	查看此特效演示

超强-按钮上功能完备的时钟

把如下代码复制到<body>与</body>之间

<script language="JavaScript">
var timerID = null;
var timerRunning = false;
// Called by both onLoad in BODY tag, and Resume button.
function startclock ()
   {
   // Make sure the clock is stopped
   stopclock();
   time();
   }
// Kills clock.
function stopclock ()
   {
   if(timerRunning)
      clearTimeout(timerID);
   timerRunning = false;
   }
function time ()
   {
   var now = new Date();
   var yr = now.getYear();
   var mName = now.getMonth() + 1;
   var dName = now.getDay() + 1;
   var dayNr = ((now.getDate()<10) ? "0" : "")+ now.getDate();
   var ampm = (now.getHours() >= 12) ? " P.M." : " A.M."
   var hours = now.getHours();
         hours = ((hours > 12) ? hours - 12 : hours);
   var minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes();
   var seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds();
   if(dName==1) Day = "Sunday";
   if(dName==2) Day = "Monday";
   if(dName==3) Day = "Tuesday";
   if(dName==4) Day = "Wednesday";
   if(dName==5) Day = "Thursday";
   if(dName==6) Day = "Friday";
   if(dName==7) Day = "Saturday";
   if(mName==1) Month="January";
   if(mName==2) Month="February";
   if(mName==3) Month="March";
   if(mName==4) Month="April";
   if(mName==5) Month="May";
   if(mName==6) Month="June";
   if(mName==7) Month="July";
   if(mName==8) Month="August";
   if(mName==9) Month="September";
   if(mName==10) Month="October";
   if(mName==11) Month="November";
   if(mName==12) Month="December";
   // String to display current date.
   var DayDateTime=(" "
       + Day
       + "     "
       + Month
       + " "
       + dayNr
       + ", "
       + ""
       + yr
       + "     "
       + hours
       + minutes
       + seconds
       + " "
       + ampm
        );
   // Displays Day-Date-Time on the staus bar.
   document.clock.face.value=DayDateTime;
   timerID = setTimeout("time()",1000);
   timerRunning = true;
   }
// Stops clock and clears status bar.
function clearStatus()
   {
   if(timerRunning)
      clearTimeout(timerID);
   timerRunning = false;
   window.status=" ";
   }
// -- End Hiding Here -->
</script>
<form name="clock" onSubmit="0">
<input type=button name="face" size=100 value=" JavaScript!!  ">
</form>

修改<body>标签为

上一个特效：生气勃勃!蜻蜓背景代码

下一个特效：眩晕了!美丽的烟花特效

网页工具库 - 让网页制作更轻松

网页特效库

关于我们 | 联系本站 | 免责声明 | 版权声明 | 网站地图 | 友情链接 | 鄂ICP备05023174号
Copyright © 2008 www.butong.net.All Rights Reserved.