[英]Javascript for time left in the day?
我了解如何在一定程度上(到指定日期,即YYYY-MM-DD)使用倒数计时器和日期计时器,但是我正在从事一个Web开发学院项目,希望将其中一个网页(JSP文件)用于有一个倒数计时器,其中包含从Web应用程序启动之日起剩余的秒数。
该网页还将包含一个Ajax函数,用户可以在其中单击按钮,并且会出现随机激励消息(我知道这段特殊代码,但这只是为了让您了解为什么我需要此倒数计时器)。
Moment.js是一个很棒的日期数学库。 http://momentjs.com/
使用Moment,您可以像这样做一个衬垫。
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script>
document.write(moment.duration(moment().add(1, 'day').startOf('day').diff(moment())).asSeconds())
</script>
或更容易理解的版本:
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script>
var now = moment(),
tomorrow = moment().add(1, 'day').startOf('day'),
difference = moment.duration(tomorrow.diff(now))
document.write(difference.asSeconds())
</script>
更新
只需将从Date.now()
获得的Date对象与明天的日期(您从第一个date对象创建的,相加一天)进行比较即可;
var actualTime = new Date(Date.now()); var endOfDay = new Date(actualTime.getFullYear(), actualTime.getMonth(), actualTime.getDate() + 1, 0, 0, 0); var timeRemaining = endOfDay.getTime() - actualTime.getTime(); document.getElementById('timeRemaining').appendChild(document.createTextNode(timeRemaining / 1000 + " seconds or " + timeRemaining / 1000 / 60 / 60 + " hours")); document.getElementById('dayProgression').value = 1 - (timeRemaining / 1000 / 60 / 60 / 24);
<span id="timeRemaining"></span> <div> <span>How much of the day has passed:</span> <progress id="dayProgression" value="0"></progress> </div>
尝试使用以下Javascript代码:
var year = 2015 , month = 5 , day = 15;
var date = new Date();
var enddate = new Date(year , month , day);
document.write( date - enddate );
您可以为您的网站编辑此代码。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.