jquery compte à rebours afficher la date - jquery, compte à rebours

en utilisant ce script de compte à rebours jquery http://keith-wood.name/countdown.html comme ça:

 <script type="text/javascript">
$(function () {
var today = new Date();
var tomorrow = new Date();
tomorrow.setDate(today.getDate() + 1);
var tm = new Date(tomorrow.getFullYear(),tomorrow.getMonth(), tomorrow.getDate());
$("#defaultCountdown").countdown({until: tm});
});
</script>

et ça

<div id="defaultCountdown"></div>

me permet de montrer un compte à rebours basé sur le temps de l'ordinateur pendant 24 heures. Maintenant, je veux aussi obtenir la date, mais je ne veux pas la date actuelle, mais je veux la date du lendemain.

Réponses:

Je ne suis pas sûr que votre plugin permette ce genre de fonctionnalité, vous devez donc créer le vôtre comme ça:

<style>
#tomorrow{
width: 240px;
height: 45px;
margin-bottom:10px;
}
#tomorrow .countdown-section{
padding-left:5px;
}
</style>
<div id="tomorrow" class="is-countdown">
<span class="countdown-section"><span class="countdown-amount" id="tomorrowDay"></span><span class="countdown-period">Day</span></span>
<span class="countdown-section"><span class="countdown-amount" id="tomorrowDate"></span><span class="countdown-period">Date</span></span>
<span class="countdown-section"><span class="countdown-amount" id="tomorrowMonth"></span><span class="countdown-period">Month</span></span>
</div>
<script>
function setTomorrow(){
var today = new Date();
var tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1);
tomorrow.setHours(0);
tomorrow.setMinutes(0);
tomorrow.setSeconds(0);
tomorrow.setMilliseconds(0);
var timer = (tomorrow - today);
$("#tomorrowDay").text(["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"][tomorrow.getDay()]);
$("#tomorrowDate").text(tomorrow.getDate());
$("#tomorrowMonth").text(["January","February","","March","April","May","June","July","August","September","October","November","December"][tomorrow.getMonth()]);
setTimeout(function(){ setTomorrow(); }, timer);
}
setTomorrow();
</script>