日期对象与字符串处理

看下面内容,完成 calcDays 函数:

Time countdown

#days{

color: red;

}

button{

background-color: cyan;

}

倒计时

输入到期日(未来某日):

计算

现在距离到期日还有 天!

varONE_DAY=24*3600*1000;//一天多少毫秒

functioncalcDays() {

//在这里计算当前时间到输入日期时间的天、时、分、秒数

return'250,2,24,30';//days,hours,minutes,seconds

}

$(function(){

//先计算相差的日期毫秒数,分别计算出天数到秒数,返回一个字符串如 '250,2,24,30'

vardx=calcDays();

//字符串分解为天、时、分、秒,放在一个字符串数组中:

vards=dx.split(',');

//把文字天、时、分、秒插进去

varrs=ds[]+'天'+ds[1]+'小时'+ds[2]+'分'+ds[3]+'秒';

//结果放入days元素中

$('#days').html(rs);

//修改段落文字,去掉最后大“天!”:

//先取出P的内容

varts=$('p').html();

//找到“天!”的位置:

vartw=ts.indexOf('天!')

//取子串,从第一个字符到找到的位置(不包括此位置处的字符):

varts2=ts.substring(,tw);

//结果字符串去掉首位的空格,然后放入段落P中:

$('p').html(ts2.trim());// .innerHTML = ts2

return;//直接返回,以下代码不再执行

$('#calc').click(

function(){

//输入的日期减去现在的日期,结果显示在span 中

//从date元素取输入的日期, 变成日期对象

varinputDateElement=$('#date');

varinputDateValue=inputDateElement.val();

varinputDate=newDate(inputDateValue);

//现在的日期用 new Date()得到

vartoday=newDate();

//两个日期相减,得到毫秒数

//毫秒数除以一天的毫秒数等于天数

vardays=(inputDate-today)/ONE_DAY;

//把天数去掉多余的小数

//显示在span中

vardn=days>=1?dn=:dn=1;

varsdays=days.toFixed(dn);

vardaysElement=$('#days');

daysElement.html(sdays);

}

)

})

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180405G1C4KS00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券