看下面内容,完成 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);
}
)
})
领取专属 10元无门槛券
私享最新 技术干货