JavaScript时间量
我目前正在进行一个项目,该项目将根据用户当前时间显示特定时间段内剩余的时间量。这是代码JavaScript时间量,javascript,html,css,Javascript,Html,Css,我目前正在进行一个项目,该项目将根据用户当前时间显示特定时间段内剩余的时间量。这是代码 var期间=[ [ '07:45' , '08:34' ], [ '08:38' , '09:30' ], [ '09:34' , '10:23' ], [ '10:27' , '11:16' ], [ '11:20' , '12:38' ], [ '12:42' , '15:55' ], [ '07:00' , ] ]; updateTimePeriods(); setInterval(updateTim
var期间=[
[ '07:45' , '08:34' ],
[ '08:38' , '09:30' ],
[ '09:34' , '10:23' ],
[ '10:27' , '11:16' ],
[ '11:20' , '12:38' ],
[ '12:42' , '15:55' ],
[ '07:00' , ]
];
updateTimePeriods();
setInterval(updateTimePeriods,1000);//每秒钟更新一次
函数updateTimePeriods(){
var listEl=document.getElementById('periods');
var now=新日期();
var计数=周期长度;
listEl.innerHTML='';
对于(变量i=0;i持续时间:'+formatUTCTime(持续时间(期间[i][0],期间[i][1]))
+“,剩余:”+formatTimeLeving(timeLeft(现在是periods[i][1]));
}
}
}
功能持续时间(开始、结束){
var startTime=解析时间(开始);
var endTime=parseTime(end);
返回endTime.getTime()-startTime.getTime();
}
函数timeLeft(现在,结束){
var nowTime=parseTime(formatTime(now));
var endTime=parseTime(end);
返回endTime.getTime()-nowTime.getTime();
}
函数解析时间(timeStr){
var tokens=timeStr.split(“:”);
返回新日期(1970,0,1,parseInt(令牌[0],10],parseInt(令牌[1],10));
}
函数formatUTCTime(时间){
var日期=新日期(时间);
返回padZero(date.getUTCHours())+':'+padZero(date.getUTCMinutes());
}
函数格式化时间(time){
var日期=新日期(时间);
返回padZero(date.getHours())+':'+padZero(date.getMinutes());
}
函数格式剩余时间(时间){
变量符号='+';
如果(时间<0){time*=-1;符号='-';}
var日期=新日期(时间);
返回符号+padZero(date.getUTCHours())+':'+padZero(date.getUTCMinutes())+':'+padZero(date.getUTCSeconds());
}
函数padZero(n){return('00'+n).substr(-2);}
正文{
背景色:#A00000;
背景尺寸:封面;
保证金:0;
填充:0;
}
.外箱{
边框:3倍纯黑;
身高:真;
宽度:75%;
填充:10px;
保证金:10px自动10px自动;
边界半径:10px;
背景色:白色;
文本对齐:居中;
}
#时期{
边界半径:5px;
保证金:20px自动20px自动;
填充物:5px;
字体大小:粗体;
文本对齐:居中;
列表样式类型:无;
}
在创建新的LI元素时,应该中断for循环。这样,它应该只显示实际的时间段
for (var i = 0; i < count; i++) {
if(formatTimeRemaining(timeLeft(now, periods[i][1])).charAt(0)!='–') {
child=listEl.appendChild(document.createElement('LI'));
child.innerHTML = periods[i][0] + ' — ' + periods[i][1]
+ ' => Duration: ' + formatUTCTime(duration(periods[i][0], periods[i][1]))
+ ', Remaining: ' + formatTimeRemaining(timeLeft(now, periods[i][1]));
break;
}
}
for(变量i=0;i持续时间:'+formatUTCTime(持续时间(期间[i][0],期间[i][1]))
+“,剩余:”+formatTimeLeving(timeLeft(现在是periods[i][1]));
打破
}
}
你只需要有人帮你做就行了吗?