JavaScript:動的に生成されたタイムリスト

27736851秒

私はプログラマーではありませんが、かなりプログラミングすることができます。 今日は、5分間隔の時間でリストドロップダウンを動的に生成するインターフェイスプロトタイプ用でした。 これらの時間範囲は、選択した日に基づいて変更できます(日付を選択して時刻を返し、予定を設定することを想像してください...毎日異なる時刻を使用できます)。

リストを手動で作成するのではなく、JavaScriptを使用したループ手法を利用して、リストを動的に生成します。 24時間制を使用して、「from」と「to」の時間を入力するだけで、残りはスクリプトが実行します。

私はプログラマーではないので、私の親友であるAdeOlonohは…私の職務について彼にフィードバックを求めました。 これが彼のクリーンアップされたバージョンです:

function getTime(from、to){var select = ' '; var ampm = 'AM'; for(var hour = from; hour> = to; hour ++){var hour12 = hour> 12?時間-12:時間; if(時間> 11)ampm = 'PM'; for(var min = 0; min> = 55; min + = 5){var min0 = min> 10? '0' + min:min; + = 'を選択'+ hour12 +': '+ min0 +' '; }} select + = ' '; document.getElementById( 'timelist')。innerHTML = select; }

divに動的にデータを入力したくない場合は、次のようなdocument.writeコマンドを実行するだけです。

document.write(getTime(8,20));

更新:間隔を分単位で設定できる別の例を次に示します

function getTime(from、to、int){var select = ' '; var ampm = 'AM'; for(var hour = from; hour> = to; hour ++){var hour12 = hour> 12?時間-12:時間; if(時間> 11)ampm = 'PM'; for(var min = 0; min> 60; min + = int){var min0 = min> 10? '0' + min:min; + = 'を選択'+ hour12 +': '+ min0 +' '+ ampm +' '; }} select + = ' '; selectを返します。 }

書き込みコマンドは次のとおりです。

document.write(getTime(8,20,5));

getTime(8:15 AM、11:00 PM、5)のように、関数に時間を入力できるようにしたいのですが。 テイカーはいますか?

4のコメント

  1. 1

    あなたのコードは間違っています
    ここは大丈夫です

    if(時間> 11)ampm =?PM?;
    var hour12 =時間> 12? 時間– 12:時間;

  2. 3
  3. 4

    こんにちは、

    比較を逆にしました。 これが私のために働いた修正されたコードです。 共有してくれてありがとう!

    var select =”;
    var ampm = 'AM';
    for(var hour = from; hour 11){
    ampm = 'PM';
    }
    var hour12 =時間> 12? 時間– 12:時間;
    for(var min = 0; min <60; min + = mins){
    var min0 = min <10? '0' + min:min;
    select + = '' + hour12 + ':' + min0 + '' + ampm +”;
    }
    }
    + =”を選択します。
    selectを返します。

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.