私はプログラマーではありませんが、かなりプログラミングすることができます。 今日は、5分間隔の時間でリストドロップダウンを動的に生成するインターフェイスプロトタイプ用でした。 これらの時間範囲は、選択した日に基づいて変更できます(日付を選択して時刻を返し、予定を設定することを想像してください...毎日異なる時刻を使用できます)。
リストを手動で作成するのではなく、JavaScriptを使用したループ手法を利用して、リストを動的に生成します。 24時間制を使用して「from」と「to」の時間を入力するだけで、残りはスクリプトが実行します。
私はプログラマーではなく、親友のAde Olonohは…私は、私の職務について彼にフィードバックを求めました。 これが彼のクリーンアップされたバージョンです:
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)のように、関数に時間を入力できるようにしたいのですが。 テイカーはいますか?
あなたのコードは間違っています
ここは大丈夫です
if(時間> 11)ampm =?PM?;
var hour12 =時間> 12? 時間– 12:時間;
ありがとうtbyang!
時間間隔で更新されます。
こんにちは、
比較を逆にしました。 これが私のために働いた修正されたコードです。 共有してくれてありがとう!
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を返します。