您现在的位置:学赛首页 > 新手教程 > HTML&CSS > 正文
网页特效:在状态栏中显示停留时间
http://www.educity.cn 作者:GOD 来源:希赛教育 2008年5月15日 发表评论 进入社区

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

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

  <script>
  var Temp;
  var TimerId = null;
  var TimerRunning = false;
  Seconds = 0
  Minutes = 0
  Hours = 0
  function showtime()
  {
   if(Seconds >= 59)
   {
    Seconds = 0
    if(Minutes >= 59)
    {
     Minutes = 0
     if(Hours >= 23)
     {
      Seconds = 0
      Minutes = 0
      Hours = 0
     }
     else {
      ++Hours
     }
    }
    else {
     ++Minutes
    }
   }
   else {
    ++Seconds
   }
   if(Seconds != 1) { var ss="s" } else { var ss="" }
   if(Minutes != 1) { var ms="s" } else { var ms="" }
   if(Hours != 1) { var hs="s" } else { var hs="" }
   Temp = '你在本页停留了 '+Hours+' 小时'+', '+Minutes+' 分'+', '+Seconds+' 秒'+''
   window.status = Temp;
   TimerId = setTimeout("showtime()", 1000);
   TimerRunning = true;
  }
  var TimerId = null;
  var TimerRunning = false;
  function stopClock() {
   if(TimerRunning)
   clearTimeout(TimerId);
   TimerRunning = false;
  }
  function startClock() {
   stopClock();
   showtime();
  }
  function stat(txt) {
   window.status = txt;
   setTimeout("erase()", 2000);
  }
  function erase() {
   window.status = "";
  }
  </script>

  第二步:把“onLoad="startClock()"”加在<body>标记里

  例如:<body onLoad="startClock()">