js倒计时代码还剩多少天
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js倒计时代码还剩多少天相关的知识,希望对你有一定的参考价值。
只需要天数,比如“距08月29日考试还有174天”,数字可以添加css样,有木有大神帮忙
首先,获取当前时间 var a = new Date()然后拿你要比较的时间var b = new Date('2015-08-29')
与当前时间比较,var c = b-a
c就是得到的时间差,意义是两个时间相差的毫秒数。
最后相差的天数就是 var d=c/1000/3600/24
你最后对d向上取整,就是相差的天数了 参考技术A <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS实现倒计时(时、分,秒)</title>
<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);
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);
var cc = document.getElementById(divname);
cc.innerHTML = "脚本之家提示距离"+year+"年"+month+"月"+day+"日还有:"+day1+"天"+hour+"小时"+minute+"分"+second+"秒";
window.setInterval(function()ShowCountDown(2015,8,29,'divdown1');, interval);
</script>
</head>
这样就行了,直接复制就可以,样式自己添加css
阿里康康健康网
<body>
<div id="divdown1"></div>
</body>
</html> 参考技术B
css样式你自己加吧
原生js处理倒计时小实例
昨天写了一个简单的不能循环走的倒计时,那么今天写一个添加了定时器之后的倒计时。先来看看布局的代码:
<style> .t1 { width:400px; } </style> <body> 距离:<input class="t1" type="text" value="November 27,2013 22:3:0" /><br /> 还剩:<input class="t1" type="text" /> <input type="button" value="开始倒计时吧" /> </body>
js代码如下:
<script> window.onload = function () { var aInp = document.getElementsByTagName(\'input\'); var iNow = null; var iNew = null; var t = 0; var str = \'\'; var timer = null; aInp[2].onclick = function () { iNew = new Date(aInp[0].value); clearInterval( timer ); timer = setInterval (function (){ iNow = new Date(); t = Math.floor( ( iNew - iNow ) / 1000 ); if ( t >= 0 ) {//这个时间差要么大于或者等于0,不可能为负值 str = Math.floor(t/86400)+\'天\'+Math.floor(t%86400/3600)+\'时\'+Math.floor(t%86400%3600/60)+\'分\'+t%60+\'秒\'; aInp[1].value = str; } else { clearInterval( timer ); } }, 1000); }; }; </script>
当然我截的是静态图,效果就是倒计时时间会在input里显示出来,需要注意的就是要这个时间差不可能为负数,所以,一定要做判断!
好了,今天就到这里了!
以上是关于js倒计时代码还剩多少天的主要内容,如果未能解决你的问题,请参考以下文章