js实现生日倒计时的代码一例

发布时间:2020-12-14编辑:脚本学堂
为大家介绍一个js实现的生日倒计时的代码,可以为心爱的女孩设计一下,一定得其芳心,哈哈。有需要的朋友,快来看看吧。

代码如下:

<html>
<head>
<title>生日倒计时_www.jb200.com</title>
<b>今天距离2014年8月2日的生日还有</b><br>
<script language="javascript">
<!-- 隐藏脚本从旧的浏览器
var DifferHour = -1
var DifferMinute = -1
var DifferSecond = -1
var Tday1 = new Date("Aug 2, 2014 20:00:00")   //**倒计时时间-注意格式
var daysms = 24 * 60 * 60 * 1000
var hoursms = 60 * 60 * 1000
var Secondms = 60 * 1000
var microsecond = 1000
function clock()
{
    var time = new Date()
    var hour = time.getHours()
    var minute = time.getMinutes()
    var second = time.getSeconds()
    var timevalue = ""+((hour > 12) ? hour-12:hour)
    timevalue +=((minute < 10) ? ":0":":")+minute
    timevalue +=((second < 10) ? ":0":":")+second
    timevalue +=((hour >12 ) ? " PM":" AM")
    var convertHour = DifferHour
    var convertMinute = DifferMinute
    var convertSecond = DifferSecond
    var Diffms = Tday1.getTime() - time.getTime()
    DifferHour = Math.floor(Diffms / daysms)
    Diffms -= DifferHour * daysms
    DifferMinute = Math.floor(Diffms / hoursms)
    Diffms -= DifferMinute * hoursms
    DifferSecond = Math.floor(Diffms / Secondms)
    Diffms -= DifferSecond * Secondms
    var dSecs = Math.floor(Diffms / microsecond)
    if(convertHour != DifferHour) document.formnow.dd.value=DifferHour
    if(convertMinute != DifferMinute) document.formnow.hh.value=DifferMinute
    if(convertSecond != DifferSecond) document.formnow.mm.value=DifferSecond
        document.formnow.ss.value=dSecs
        document.formnow.ss.value=dSecs
// document.formnow.Tnow.value= DifferHour DifferMinute + DifferSecond + dSecs
setTimeout("clock()",1000)

}
//
隐藏-->
</script>
</head>
<body onload="clock();return true" text="red">
<!--显示出内容-->
<form name="formnow">
<input name="dd" type="text" style="border:0;" size=2>
天
<input name="hh" type="text" style="border:0;" size=2>
小时
<input name="mm" type="text" style="border:0;" size=2>
分
<input name="ss" type="text" style="border:0;" size=2>
秒
</form>
<!--倒计时完成-->
</body>
</html>