用javascript编写倒计时程序

前几天突然想算一下自己还有多久才能毕业，虽然查下日历小小的计算一下也可以很快就知道结果，但是懒人就是连这种简单的算术都懒得算了，在网上也没有及时找到这种计算倒计时的软件，于是就想着不如自己做一个这样的网页呢，正好也可以把最近在学得html5 、jquery mobile 等实践一下。

今天下午用jquery mobile 和jquery datepicker 做了一个倒计时的小网页，倍感充实与兴奋，虽然功能上简单的不行，但是还是花了一点时间和精力在上面。

可以说相比每天看一些前端开发的书，真的是在实践中才会更加有收获。

（后来居然发现excel就有这样的功能，真是郁闷死！）

功能一：输入某个日期。计算距离今天的天数

 <label for="date">Which day?</label>   <input type="text" name="date" id="date" value="" required="required" />             <p id="result"></p>

$('#date').bind('change',function(){var minutes = 1000*60;        var hours = minutes*60;        var days = hours*24;        var years = days*365;Today= new Date();detDate = new Date ($('#date').val()); var peirod= detDate.getTime()-Today.getTime();var count_day=parseInt(peirod/days);var count_hour=parseInt(peirod/hours);var count_min=parseInt(peirod/minutes);$("#result").html("You have <strong>"+count_day+" </strong> days/<strong>"+count_hour+ "</strong> hours/<strong>" +count_min +" </strong>minutes left , don't your waste time ");});

功能二：输入某个数字。计算与今天相距这个天数的日期

<label for="days">How many days?:</label>   <input type="Number" name="days" id="days" value="" required="required" />       <p id="result2"></p>

$('#days').bind('change',function(){var minutes = 1000*60;        var hours = minutes*60;        var days = hours*24;        var years = days*365;Today= new Date();var detdate=Today.getTime()+$('#days').val()*days;        de=new Date();de.setTime(detdate);$("#result2").html("That day is <strong>"+de.toLocaleDateString()+"</strong>.");});