[javascript] 「0時から9時まで」と「17時から24時まで」を30分単位等

Question

「0時から9時まで」と「17時から24時まで」を30分単位等で作成したい
期待の結果：
00:00-00:30
00:30-01:00
01:00-01:30
...........
08:30-09:00

var today = new Date(); 
//時間を 00:00 形式で取得
var hour =  today.getHours();
var minute =  today.getMinutes();
var diff=30*60*60;
var time_start = ('0' + hour).slice(-2) + ":" + ('0' + minute).slice(-2);
var time_end=time_start+diff
if(time >= "00:00" && time < "09:00"){
for(var k=0;k<diff.length;k++){
//処理
console.log(time_start+ "- " +time_end);
｝

Comments

[KSwordOfHaste]

コードを拝見すると「やりたいこと」に書かれている内容が充分でないような気がします。なぜ現在の時刻を取る必要があるのでしょう？

Answer 1

[...function*( { start, end, step, toStr = ( x => x.toString() ) } ){
  let current = start;
  yield toStr( current, start, end, step );
  while ( ( current += step ) < end ) yield toStr(current, start, end, step);
}({
  start: new Date().setHours( 0, 0 ), 
  end: new Date().setHours( 9, 0 ), 
  step: 30*60*1000,
  toStr: ( x, _, __, step, options = [ 'en', { hour12: false, hour: '2-digit', minute: '2-digit' } ] ) => 
    `${ new Date(x).toLocaleString(...options) } - ${ new Date( x+step ).toLocaleTimeString(...options)  }`
})]

多少再利用性を高めてみました。

Comments

[maymay]

ご回答ありがとうございます！
`${ new Date(x).toLocaleString(...options) } - ${ new Date( x+step ).toLocaleTimeString(...options) }`//これはjQuery を使いますか？使わない方法がありますか？

[Lhankor_Mhy]

jQueryは使ってないです。テンプレートリテラルです。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/template_strings

[maymay]

ありがとうございました。解決ができました。

Answer 2

こんな感じでシンプルに

var NN = e=>(100+e).toString().substr(1);
var nested = ([0,1,2,3,4,5,6,7,8,17,18,19,20,21,22,23].map(i=>[NN(i)+":00-"+NN(i)+":30", NN(i)+":30-"+NN(i+1)+":00"]));
var result = Array.prototype.concat.apply([],nested)

Answer 3

var d=new Date();
d.setHours(0);
d.setMinutes(0);
d.setSeconds(0);
while(d.getHours()<9){
  console.log(("0"+d.getHours()).substr(-2)+":"+("0"+d.getMinutes()).substr(-2));
  d.setMinutes(d.getMinutes()+30);
}
console.log(("0"+d.getHours()).substr(-2)+":"+("0"+d.getMinutes()).substr(-2));