首页 » 建站技术 » 浏览内容

JS倒计时代码-精确到秒


2011-01-22 15:21:07 3,030 0 发表评论 字体: 作者:C.K.
标签: javascript备忘

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

本站所用倒计时代码:

<br /><script language="javascript" type="text/javascript">
  • var interval = 1000;
  • function ShowCountDown(year,month,day,divname)
  • {
  • var now = new Date();
  • var endDate = new Date(year, month-1, day);
  • var leftTime=endDate.getTime()-now.getTime();
  • var leftsecond = parseInt(leftTime/1000);
  • //var day1=parseInt(leftsecond/(24*60*60*6));
  • var day1=Math.floor(leftsecond/(60*60*24));
  • var hour=Math.floor((leftsecond-day1*24*60*60)/3600);
  • var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);
  • var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);
  • var cc = document.getElementById(divname);
  • cc.innerHTML = "回校时间:"+year+"年"+month+"月"+day+"日<br />距今还有:"+day1+"天"+hour+"小时"+minute+"分"+second+"秒";
  • }
  • window.setInterval(function(){ShowCountDown(2011,2,12,'divdown1');}, interval);
  • </script>
  • 下雪代码:

    <script src="http://s1.wordpress.com/wp-content/plugins/snow/snowstorm.js" type="text/javascript"></script>

    第一个:今天距离 2011年1月25日14时52分47秒 还有 2天 23时 27分 48.4秒

    <!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" lang="gb2312">  
  • <head>  
  • <head>  
  • <title> 演示实例:倒计时效果-精确到秒 </title>  
  • <meta http-equiv="content-type" content="text/html; charset=gb2312" />  
  • <meta name="keywords" content="" />  
  • <meta name="description" content="" />  
  • <script language="JavaScript">  
  • <!-- //  
  • var overDate = 1000 * 60 * 60 * 24 * 3;//截止时间:为当前计算机时间+3天  
  • var NowTime = new Date();  
  • //var EndTime= new Date(2009,01,11,0,0);  
  • var EndTime= new Date(NowTime.getTime() + overDate);  
  • var EndTimeMsg = EndTime.getFullYear() + "年";  
  • EndTimeMsg = EndTimeMsg + (EndTime.getMonth()+1) + "月";  
  • EndTimeMsg = EndTimeMsg + (EndTime.getDate()) + "日";  
  • EndTimeMsg = EndTimeMsg + (EndTime.getHours()) + "时";  
  • EndTimeMsg = EndTimeMsg + (EndTime.getMinutes()) + "分";  
  • EndTimeMsg = EndTimeMsg + (EndTime.getSeconds()) + "秒";  
  • function GetRTime(){  
  •  
  •     NowTime = new Date();  
  •     var nMS=EndTime.getTime() - NowTime.getTime();  
  •     var nD=Math.floor(nMS/(1000 * 60 * 60 * 24));  
  •     var nH=Math.floor(nMS/(1000*60*60)) % 24;  
  •     var nM=Math.floor(nMS/(1000*60)) % 60;  
  •     var nS=Math.floor(nMS/1000) % 60;  
  •     var nMS=Math.floor(nMS/100) % 10;  
  •     if(nD>= 0){  
  •         document.getElementById("RemainD").innerHTML=nD;  
  •         document.getElementById("RemainH").innerHTML=nH;  
  •         document.getElementById("RemainM").innerHTML=nM;  
  •         document.getElementById("RemainS").innerHTML=nS + "." + nMS;  
  •     }  
  •     else {  
  •         document.getElementById("CountMsg").innerHTML= EndTimeMsg +"已过!";  
  •     }  
  •     setTimeout("GetRTime()",100);  
  • }  
  • window.onload=function(){  
  •     document.getElementById("EndTimeMsg").innerHTML = EndTimeMsg;  
  •     GetRTime();  
  • }  
  • // -->  
  • </script>  
  • </head>  
  • <body>  
  • <div id="CountMsg">  
  • 今天距离  
  •     <strong id="EndTimeMsg">XX</strong>  
  • 还有  
  •     <strong id="RemainD">XX</strong>天  
  •     <strong id="RemainH">XX</strong>时  
  •     <strong id="RemainM">XX</strong>分  
  •     <strong id="RemainS">XX</strong>秒  
  • </div>  
  •  
  • </body>  
  • </html>
  • 第二个:今天距离 2011年1月25日 还有 2天 23时 27分 48秒

    <!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>JS实现倒计时(时、分,秒)</title>
  • <script language="javascript" type="text/javascript">
  • var interval = 1000;
  • function ShowCountDown(year,month,day,divname)
  • {
  • var now = new Date();
  • var endDate = new Date(year, month-1, day);
  • var leftTime=endDate.getTime()-now.getTime();
  • var leftsecond = parseInt(leftTime/1000);
  • //var day1=parseInt(leftsecond/(24*60*60*6));
  • var day1=Math.floor(leftsecond/(60*60*24));
  • var hour=Math.floor((leftsecond-day1*24*60*60)/3600);
  • var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);
  • var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);
  • var cc = document.getElementById(divname);
  • cc.innerHTML = "脚本之家提示距离"+year+"年"+month+"月"+day+"日还有:"+day1+"天"+hour+"小时"+minute+"分"+second+"秒";
  • }
  • window.setInterval(function(){ShowCountDown(2010,4,20,'divdown1');}, interval);
  • </script>
  • </head>
  • <body>
  • <div id="divdown1"></div>
  • </body>
  • </html>
    1. 网站统计 Statistics

      • 创建时间: 2005年1月3日 距今5012 天
      • 日志总数: 2461
      • 评论总数: 630
      • 标签总数: 654
      • 链接总数: 273
      • 最后更新: 2018-8-31 17:57:04
      • 您是本站第 13942325 位访客

      广告区 Guǎng Gào