Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript时间量_Javascript_Html_Css - Fatal编程技术网

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]));
    打破
    }
    } 
    
    你只需要有人帮你做就行了吗?