jquery倒计时代码是怎么写的?

图片描述

求具体思路
这个数字是怎么倒的?
有没有google搜索过的jquery插件倒计时代码?

阅读 4.1k
2 个回答

<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<title>倒计时</title>

</head>
<body>
<center id="time"></center>
<script type="text/javascript">


var deadline = new Date(2015,9,7,19,22,34)//截止时间,注意月的下从0开始,所以这个是10月的倒计时
var time //记录剩余时间,以毫秒计
window.onload = function(){

    setInterval(function(){
        var curTime = new Date().getTime()

        var time =  deadline.getTime()-curTime  //算出剩余毫秒数
        var remainTime  = parseInt(time/1000) //剩余时间,以秒计

        var day = parseInt( remainTime/(24*3600) )//剩余天
        var hour = parseInt( (remainTime-day*24*3600)/3600 )//剩余小时
        var minute =  parseInt((remainTime-day*24*3600-hour*3600)/60)//剩余分钟
        var sec = parseInt(remainTime%60)//剩余秒

        document.getElementById('time').textContent=day+"天"+hour+"时"+minute+"分"+sec+"秒"
},50);    
}

</script>
</body>
</html>

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进