javascript 宝宝出生倒计时实现代码

#PPQTime{
font-size:36px;
color:black;
font-weight:bold;
}

function Clock()
{
var Today=new Date();
var PPQday=new Date(2010,9-1,28);
var DayTime = (PPQday.getTime()-Today.getTime())/ 1000 / 60 / 60 /24;
var days = parseInt(DayTime);//天
var HourTime =(DayTime - days)*24;
var hours =parseInt(HourTime);//时
var MinutesTime =(HourTime-hours)*60;
var minutes = parseInt(MinutesTime);//分
var SecondTime =(MinutesTime-minutes)*60;
var seconds = parseInt(SecondTime); //秒
var MillisecondTime = (SecondTime-seconds)*100;//取2位
var milliseconds = parseInt(MillisecondTime);//毫秒
document.getElementById("PPQTime").innerHTML= "距宝宝出生还有 "+ days + "天"+ ForMat(hours)+"小时"+ForMat(minutes)+"分"+ForMat(seconds)+"秒"+ForMat(milliseconds)+"毫秒";
setTimeout(Clock,100);
}
function ForMat(data)
{
if(data

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

上面的代码主要用到了javascript日期处理技巧与setTimeout实现日期的刷新。

赞 (0)

相关推荐

  • Javascript倒计时（定时）执行跳转事件的代码

    9 document.getElementByIdx_x=function(id){ if(typeof id =='string') return document.getElementById(id); else throw new error('please pass a string as a id!') } var timer = window.setInterval(function(){ document.getElementByIdx_x('box').innerHTML = p

  • 基于jQuery的倒计时插件代码

    剩余时间:1小时:40分:30秒 复制代码 代码如下: 1 /* * 倒计时插件,主要用来限时购买 * By wayshan 版本1.0 * 使用方法: * $(function(){ * $("#ElementId").countdown({ * Edate:"2012-12-21 15:14:23" * }); * }) */ ;(function($){ $.fn.countdown = function(options){ if (this.length =

  • JQuery实现倒计时按钮的实现代码

    复制代码 代码如下: <head> <title>test count down button</title> <script src="http://demo.jb51.net/jslib/jquery/jquery-1.5.1.min.js" type="text/javascript"></script> <script type="text/javascript">

  • JS 倒计时实现代码(时、分，秒)

    JS实现倒计时(时.分,秒) 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=

  • javascript 倒计时代码

    "+daysold+"天"+hrsold+":"+minsold+":"+seconds+""; } else { document.getElementById(time_id[i]).innerHTML=daysold+"天"+hrsold+":"+minsold+":"+seconds; } } } } setTimeout("show_da

  • Javascript倒计时代码

    JS脚本: 复制代码 代码如下: <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, 14, 07); var leftT

  • Js倒计时代码，当鼠标离开页面与回到页面会自动停止与开始

    根据鼠标判断时间:Js倒计时 0) {alert("停止计时");return false;}document.location="#"; this.disabled=true;'> 0) { document.getElementById("downloadbtn").value = '还有 '+timeout+' 秒'; timeCount = setTimeout('countdown()',1000); } timeout--; }

  • 团购、定时抢购倒计时js版

    团购.定时抢购倒计时 var tms = []; var day = []; var hour = []; var minute = []; var second = []; function takeCount() { setTimeout("takeCount()", 1000); for (var i = 0, j = tms.length; i 剩余时间: 0 天 0 小时 0 分 0 秒 tms[tms.length] = "168935343345";

  • Javascript 倒计时源代码.(时.分.秒) 详细注释版

    随便写写!闲着无聊!代码如有bug之处欢迎阁下强力拍砖! JS CODE 复制代码 代码如下: <script type="text/javascript" language="javascript"> //总时间,已分为单位 var time = 100; //小时 var h = parseInt(time / 60) > 0 ? parseInt(time / 60) : 0; //分 var m = time % 60; //秒 var s

  • javascript 宝宝出生倒计时实现代码

    #PPQTime{ font-size:36px; color:black; font-weight:bold; } function Clock() { var Today=new Date(); var PPQday=new Date(2010,9-1,28); var DayTime = (PPQday.getTime()-Today.getTime())/ 1000 / 60 / 60 /24; var days = parseInt(DayTime);//天 var HourTime

  • JavaScript 逼真图片倒计时实现代码

    JavaScript 逼真图片倒计时实现代码

    逼真的Js图片倒计时,显示剩余小时.分钟.秒数.仅用了一张图片就搞定了,与纯网页版的不太一样哦.现在用图片模拟LED的效果,还真不错,希望大家彻底喜欢哦. 逼真图片倒计时 .time{width:200px;height:25px;border:1px red solid;overflow:hidden;} .time span{float:left;line-height:25px;height:25px;overflow:hidden;} .time span.danwei{padding:

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

    用JS实现网页上的自动跳转功能,倒计时跳转至指定网页,倒计时间可自设,时间到则自动跳转到指定的网址,对于JS来说,实现该似乎挺简单哦,用IIS上的301也可实现跳转,以及mete标签也可以实现自动跳转,根据你自己的需要了. <title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url)

  • JavaScript电子时钟倒计时

    JavaScript电子时钟倒计时

    本文实例讲解了JavaScript电子时钟倒计时的详细代码,分享给大家供大家参考,具体内容如下 JavaScript时间类 1.获取时分秒:          getHours()          getMinutes();          getSeconds(); 2.获取年月日:          getFullYear();          getMonth() + 1;//获取的月份需要+1:          getDate(); //日期          getDay();

  • javascript实现数字倒计时特效

    javascript实现数字倒计时特效

    本文实例讲述了JS实现的网页倒计时数字时钟效果,分享给大家供大家参考,具体实现方法如下: 效果图: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>javascript实现的倒计时时钟</title> <style> body,div{margin:0;paddi

  • JS实现可调整倒计时间代码分享

    JS实现可调整倒计时间代码分享

    这是一款基于javascript实现可调整倒计时间的代码,我们可以手动调整倒计时间,可以精确到"天.时.分.秒",而且样式布局也很新颖. 先上运行效果图: 效果演示     源码下载 为大家分享的可调整倒计时间的JS代码如下(浏览器中如果不能正常运行,可以尝试切换浏览模式). <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&g

  • jQuery实现的手机发送验证码倒计时效果代码分享

    jQuery实现的手机发送验证码倒计时效果代码分享

    这是一款基于jquery实现的手机发送验证码倒计时效果代码,可实现实时显示秒数倒计时的功能,还可实现对手机号码格式验证的功能,是一款常用的网站注册发送手机验证码特效代码. 效果描述: 注册一个网站,当需要发送验证码到手机上的时候,我们经常碰到这样的效果: 首先检测手机是否符合1开头,11位数字的格式: 若不符合,则提示错误信息并返回false: 否则提交给后台,后台确定接收后返回一个值,发送按钮变为灰色并倒计时. 运行效果: --------------------------------效果演

  • JavaScript电子时钟倒计时第二款

    JavaScript电子时钟倒计时第二款

    本文实例讲解了JavaScript电子时钟倒计时的详细代码,分享给大家供大家参考,具体内容如下 JavaScript时间类 1.获取时分秒: getHours() getMinutes(); getSeconds(); 2.获取年月日: getFullYear(); getMonth() + 1;//获取的月份需要+1: getDate(); //日期 getDay(); //获取的是星期,0-->星期天 效果图: 具体代码: <!doctype html> <html> &

  • 基于jQuery实现美观且实用的倒计时实例代码

    倒计时效果有着广泛的应用,比如奥运会倒计时.高考倒计时和放假倒计时等,本章节分享一个比较美观且实用的倒计时效果. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>倒计时效果代

  • js简单倒计时实现代码

    本文实例讲述了js简单倒计时实现代码.分享给大家供大家参考,具体如下: <div class="time"> 距离活动结束还有<span id="day"></span>天 <span id="hours"></span>小时 <span id="min"></span>分 <span id="sec"><

随机推荐