网页特效:日期时间都在一个按钮上显示

网页特效:日期时间都在一个按钮上显示,第1张

网页特效:日期时间都在一个按钮上显示,第2张

要完成此效果需要两个步骤

  第一步:把如下代码加入到区域中

  <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>
  


  
  

  第二步:把“onLoad="startclock ()"”加在标记里

  例如:

位律师回复
DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
白度搜_经验知识百科全书 » 网页特效:日期时间都在一个按钮上显示

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情