`

百度倒计时的实现

阅读更多

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>百度一下,你就知道alonglee.net</title>
<style type="text/css">
<!--
#cd,#cd div{

background:url(http://www.baidu.com/img/cd.png)}
/* 这里调节位置,top 和 margin-left*/
#cd {
 display:block;
 position:absolute;
 width:126px;
 height:29px;
 overflow:hidden;
 top:50px;
 left:50%;
 margin-left:-63px;
 cursor:pointer;
*top:83px;    border: 1px solid #CCCCCC;
}
#cd div{position:absolute;width:12px;height:19px;overflow:hidden;background-position:0 -30px;top:4px;}
#n5{left:3px}
#n4{left:18px}
#n3{left:45px}
#n2{left:60px}
#n1{left:86px}
#n0{left:101px} 
-->
</style>
</head>

<body>

<div id="cd">
 <div id="n5"></div>
    <div id="n4"></div>
    <div id="n3"></div>
    <div id="n2"></div>
    <div id="n1"></div>
    <div id="n0"></div>
</div>

<script language="javascript" type="text/javascript">
 
 var d = document;
/* 
功能:给一个事件指派多个处理过程的
参数含义:
 C = this 不仅可以是windows 还可以是其他对象!
 B: click 事件类型
 A: 需要给对象C添加的【处理过程】

 addEventListener(evType, fn, false);Mozilla/Firefox 支持
 attachEvent("on"+evType, fn);IE5.0以上 Opera 支持该方法中事件用on开头

注意:attachEvent 所指派的多个过程的执行顺序是随机的,所以这几个过程之间不要有顺序依赖。
*/
function addEV(C,B,A)

 {if(w.attachEvent){
  C.attachEvent("on"+B,A); 
 } 
 else{
  if(w.addEventListener){C.addEventListener(B,A,false)} 
 } 
}

function G(A){ return d.getElementById(A)}

/* 这是关键 */
(function() 
 {

 /*
 I=1296576000000 含义:
 从1970-1-1 8:00:00 到 2011-2-2 0:00:00需要的毫秒数 ,考虑时区:北京时间+8
 如果用asp计算 :
 fromd = "1970-01-01 08:00:00"
 tod = "2011-2-2"
 response.Write(datediff("s",fromd,tod)) ==> 1296576000 秒 ===> 1296576000*1000毫秒
 
 举一反三:倒计时2011-5-1,如何做?你是知道的,对吧
 */
   var R=0,K=0,I=1296576000000,P,M=20*60*1000,F=72*3600*1000,L=12*60*1000,B=2*60*1000,Q=Math.random()*(L-B)+B,A=1000,C=false,N=G("cd");
  var D=[G("n0"),G("n1"),G("n2"),G("n3"),G("n4"),G("n5")];
  //alert(D.length)
  function J()
  {
   if(C){return } 
   var S=d.createElement("SCRIPT");
   S.src="http://chunjie.baidu.com/time.php?t="+new Date().getTime();
   d.getElementsByTagName("HEAD")[0].appendChild(S)
  } 
  
  
  window.CST=function(S)
  { 
   if(C)
   { return } 
   clearTimeout(P);
   R=parseInt(S);
   K=0;
   
   //R=0 I=1296576000000
   if(R<I){H()} 
   else{O()}

  } ;
 
  function E()
  {
   var X=I-R-K;
   if(X<F){N.style.display="block"}

   if(X<Q)
   {
    window.location.reload()
   } 
   var W=parseInt(X/3600000);
   var S=parseInt(X%3600000/60000);
   var V=parseInt(X%3600000%60000/1000);
   var T=[];
   T[5]=parseInt(W/10);
   T[4]=W%10;
   T[3]=parseInt(S/10);
   T[2]=S%10;
   T[1]=parseInt(V/10);
   T[0]=V%10;
   for(var U=0;U<6;U++)
   {
    D[U].style.backgroundPosition="-"+(T[U]*12)+"px -30px"
   } 
  }

  function H()
  { //K=0 A:1000
   K+=A;
   if(I-R-K<0){
    O();
    return } 
   
   //M=20*60*1000
   if(K>=M){ J()} 
   E();
   P=setTimeout(H,A)
  }

  function O()
  {
   clearTimeout(P);
   C=true;
   N.style.display="none"
  } 
  
  J();
  //alert(N.id); --#cd
  addEV(N,"click",new Function('window.open("http://chunjie.baidu.com","_blank");'))
 } 
)();
</script>
</body>
</html>
  • 大小: 9.2 KB
分享到:
评论

相关推荐

    51实现倒计时器(带原理图和汇编程序)

    本文将深入探讨如何使用51单片机实现一个倒计时器的功能,包括原理图的设计和汇编语言程序的编写。 首先,我们要理解51单片机的基本结构。51系列单片机是Intel公司推出的8位微处理器,以其简单易用、资源丰富和价格...

    1-99分钟倒计时multisim仿真源文件

    这个“1-99分钟倒计时multisim仿真源文件”是一个实例项目,旨在教授如何利用Multisim来实现一个可调整的数字倒计时器。这个倒计时器的设计时间范围是从1分钟到99分钟,它不仅提供了实际操作的练习,也涵盖了数字...

    倒计时定时器A【74LS161 74LS192】Multisim仿真源文件,Multisim10以上版本可打开运行.zip

    这篇文档将深入探讨倒计时定时器的实现,特别是基于74LS161和74LS192集成电路的电路设计。74LS161是一款四位二进制同步加法计数器,而74LS192则是一款四位二进制同步减法计数器。这两款芯片在数字电子学中被广泛用于...

    倒计时定时器multisim仿真源文件

    在这个倒计时定时器的设计中,74LS161被用作基本的计数单元,通过连接外部的时钟信号(通常为脉冲信号)来实现计数。用户可以通过设定74LS161的预置输入(例如,通过数据线D3-D0)来设置初始计数值,从而设定倒计时...

    倒计时课件....

    综上所述,"倒计时课件"可能是一个包含了以上技术的PowerPoint文件,通过VBA或其他方法实现了倒计时功能,帮助用户在教学或会议场景中更有效地管理和传达时间信息。"pptdjs"可能是这个课件的文件名,其中“ppt”代表...

    51单片机课设--答辩倒计时

    【51单片机课程设计——答辩倒计时】是一个基于51系列单片机的项目,主要目标是实现一个倒计时系统,这在学习单片机编程和硬件控制时是一个常见的实践课题。51单片机是Intel公司推出的8位微控制器,由于其结构简单、...

    单片机课设秒表可倒计时.zip

    在这个“单片机课设秒表可倒计时.zip”压缩包中,我们推测包含的是一份基于单片机实现的秒表和倒计时器的课程设计项目。通过源程序,我们可以深入学习和理解单片机编程的基本原理和方法。 首先,单片机通常由CPU、...

    ppt倒计时宏

    "ppt倒计时宏"就是这样一个功能,它能够实现在幻灯片上动态显示剩余时间,帮助演讲者掌握演讲进度。 宏的实现通常涉及以下步骤: 1. **创建VBA模块**:首先,你需要打开PowerPoint,然后转到“开发者”选项卡...

    android利用Chronometer实现倒计时(已封装,可直接使用)

    项目需要实现一个计时的功能,利用Chronometer虽然可以很方便的实现计时功能,但需要的却是一个倒计时控件. 百度了一下方法不少,倒计时的却没有,于是用Chronometer封装了一个倒计时的类,本着开源的精神,分享给...

    带倒计时的八路抢答器multisim源文件

    【标题】"带倒计时的八路抢答器multisim源文件"涉及的核心知识点主要涵盖数字电路设计、逻辑门电路以及电子仿真软件的应用。在这个项目中,设计者使用了74LS373、74LS148和74LS190这三个集成电路来构建一个具有倒...

    单片机课设计时器可倒计时.zip

    在本次设计中,我们关注的是“时器可倒计时”功能,这通常涉及到单片机的定时器模块及其应用。下面将详细阐述相关知识点。 1. **单片机基础**: 单片机是一种集成了中央处理器、存储器、输入/输出接口等部件的微型...

    javascript实现5秒倒计时并跳转功能

    此外,还有两种不同场景下的JavaScript倒计时实现: 1. **jQuery实现5秒倒计时**:这个示例利用了jQuery库,它简化了DOM操作。代码首先设置一个全局变量`i`为5,然后在页面加载完成后,使用`setTimeout`在5秒后...

    辩论赛计时器

    同时,计时器的界面应该直观易懂,显示当前阶段、剩余时间和倒计时状态。 总的来说,"辩论赛计时器"结合了Delphi的强大开发能力、计时器组件的精确控制以及教育系统的实际需求,提供了一款高效、灵活且用户友好的...

    Android倒计时动画效果与locSDK_4.0定位例子.zip

    本项目是一个倒计时动画和定位一体的小例子,实现了倒计时三、二、一、GO的动画效果和加载中等待动画效果和使用百度的locSDK_4.0.jar定位。另外还对多次点击请求只执行最后一次进行了处理。源码很简单有详细的注释...

    jQuery实现倒计时功能完整示例

    在本文中,我们将深入探讨如何使用jQuery来实现一个基本的倒计时功能。倒计时在许多Web应用程序中都有广泛的应用,例如在线考试、限时促销、活动倒计时等。以下是一个简单的jQuery倒计时功能的实现步骤和相关知识点...

    js实现新年倒计时效果

    在剩余时间等于0时,显示的倒计时内容会停止,并且页面会被重定向到另一个URL,比如示例中的百度首页。 总结来看,文章通过一个实际的例子,展示了如何利用JavaScript中的Date对象、定时器以及DOM操作来实现一个倒...

    微信小程序源代码todo list v2ex 百度小说 备忘录 辩论倒计时 步步高字典 侧滑布局.zip

    6. **辩论倒计时**: 这可能是一个计时工具,特别针对辩论比赛的场景,具有开始、暂停、重置等操作。开发者可能使用了计时器API,结合微信小程序的UI设计来显示倒计时时间。 7. **备忘录**: 类似于记事本的应用,...

    基于JavaScript实现网页倒计时自动跳转代码

    为了辅助用户理解倒计时跳转功能,还提供了一个静态的超链接`***"&gt;我的百度&lt;/a&gt;`,告知用户如果倒计时结束后页面没有跳转,可以点击此链接访问百度。同时,页面上还有一个按钮,用户点击后会执行`stop1`函数,停止倒...

Global site tag (gtag.js) - Google Analytics