如何用JavaScript编写一个天猫上使用的倒计时？
2个回答
展开全部
主要注意一下几点，就可以了：
（1）用date方法进行时间计算，Date(year,month -1 , day)构造指定日期。
（2）new Date()获得现在的时间。
（3）用date计算两个毫秒差异，然后计算日、时、分、秒。
（4）用setInterval方法延迟启动一个js方法，没秒执行一次更新。
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312"></meta>
<title>倒计时</title>
<script>
function timer(){
var now = new Date();
var endDate = new Date("2015", "03", "01");
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);
document.getElementById("timer").innerHTML = day1 + "天" + hour + "时" + minute + "分" + second + "秒";
//每一秒执行一次 timer方法
setInterval("timer()",1000);
}
</script>
</head>
<body onload = "timer()">
距离2015-4-1日还有：
<div id="timer"></div>
</body>
</html>
追问
谢谢你，那要是加比秒更小一个单位的那种怎么做呢？谢谢你！
追答
比秒还小的是毫秒，getTime得到的就是毫秒，直接在秒后面加上leftTime就是剩余的毫秒了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
倒计时，主要用的是 js里面的Date() 。下面是一个倒计时的例子，你可以参照修改：
<style>
* {margin:0px; padding:0px;}
span{display:block; margin:50px auto; height:30px; width:500px; font-size:18px; line-height:30px; text-align:center;}
</style>
<script>
window.onload=function(){
var oSpan = document.getElementsByTagName('span')[0];
var toDate = new Date(2015,3,5,0,0,0,0);
var toTime = Math.floor(toDate.getTime()/1000);
toTimer();
setInterval(toTimer,60000);
function toTimer()
{
var nowDate = new Date();
var nowTime = Math.floor(nowDate.getTime()/1000);
var day = Math.floor((toTime-nowTime)/86400);
var hour = Math.floor((toTime-nowTime)%86400/3600);
var minute = Math.floor((toTime-nowTime)%86400%3600/60);
oSpan.innerHTML = '距离今年的清明节还有'+day+'天'+hour+'时'+minute+'分';
}
};
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
