原生JavaScript时间倒计时的方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生JavaScript时间倒计时的方法相关的知识,希望对你有一定的参考价值。

这个思路是来源用%的方法来做的;

以前用%做过转秒的

http://taobao.fm/archives/666

现在用来做倒计时方法;

需要用到的方法是getTime:获取距离1970年1月1日午夜00:00之间的毫秒差;

var targetTime=new Date("2016/01/25 16:59:59");
这个是优秀的写法;下面是有问题的写法;因为IE678下不兼容的;需要把-改成/才好;
var targetTime=new Date("2016-01-25 16:59:59");
 
<script>
var oDiv=document.getElementById("div1");
var targetTime=new Date("2016/01/25 16:59:59");

var str=getTime(targetTime);
oDiv.innerHTML="倒计时:"+str;//进入后马上显示

var timer=setInterval(function(){
var str=getTime(targetTime);
oDiv.innerHTML="倒计时:"+str;
},1000);

function getTime(targetTime){
var nowTime=new Date();
var diffTime=targetTime.getTime()-nowTime.getTime();
var hour=parseInt(diffTime/(60*60*1000)),
min=parseInt(diffTime%(60*60*1000)/(60*1000)),
second=parseInt(diffTime/1000)%60;
return zero(hour)+"时"+zero(min)+"分"+zero(second)+"秒";
}
function zero(val){
return val<10?"0"+val:val
}
</script>

以上是关于原生JavaScript时间倒计时的方法的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript倒计时跳转网页的方法

JavaScript 简介

静态页面:原生JS模拟京东秒杀专场倒计时

超实用的JavaScript代码段 Item1 --倒计时效果

原生js 当前时间 倒计时代码

[Javascript]_[初级]_[获取日期的时间间隔-格式化日期时间]