0 
<script>
var currentTime = new Date();

var futureTime = new Date(currentTime.getTime());
futureTime.setMinutes(futureTime.getMinutes() + 10);

var pastTime = new Date(currentTime.getTime());
pastTime.setMinutes(pastTime.getMinutes() - 50);
</script>

私がやろうとしているのは、現在の時刻が の場合、6:00PMそれより 50 分前を表示する5:10PMことと、現在の時刻の 10 分後に別の時刻を表示しようとしている6:10PMことだけです。と正確にフォーマットされていX:XXPMますか？

上記のコードを自分のページに挿入しましたが、何も表示されません..

4

3 に答える 3

1 
document.write(currentTime + '<br>' + futureTime + '<br>' + pastTime);

また

var str = currentTime + '<br>' + futureTime + '<br>' + pastTime;
document.getElementById('myDiv').innerHTML = str;

また

var str = currentTime + '<br>' + futureTime + '<br>' + pastTime;
document.getElementById('myDiv').appendChild(str);

また

document.getElementById('myDiv1').appendChild(pastTime);
document.getElementById('myDiv2').appendChild(currentTime);
document.getElementById('myDiv3').appendChild(futureTime);

あなたのhtmlは次のようになります

<div id='myDiv1'></div>
<div id='myDiv2'></div>
<div id='myDiv3'></div>

アップデート

日付をフォーマットするには - これは別の質問ですが、数え切れないほどの投稿で既に回答されています。

これは素晴らしいものです。

また

JavaScript を使用して時刻と日付をフォーマットする 10 の方法。

ノート

Jason Sperske は、私が無視できないコメントをしました - moment.jsは素晴らしいです。

于 2013-10-09T16:55:48.187 に答える
0

値をいくつかの HTML 要素に送信する必要があります。

HTML:

<p id="future"></p>
<p id="past"></p>

Javascript:

function formatTime(dateObj){

    var dateString = "";
    var hour = dateObj.getHours();  
    var minutes = dateObj.getMinutes();
    var pm = false;

    if (hour > 12)
        pm = true;

    if (pm === true){
        var pmHour = (hour>=13) ? hour-12:hour;
        dateString += pmHour.toString();
        dateString += ":";
        dateString += minutes.toString();
        dateString += " pm";
    }

    else{
        dateString += hour.toString();
        dateString += ":";
        dateString += minutes.toString();
        dateString += " am";
    }

    return dateString;
}

var currentTime = new Date();

var futureTime = new Date(currentTime.getTime());
futureTime.setMinutes(futureTime.getMinutes() + 10);
var f = document.getElementById("future");
f.innerHTML = formatTime(futureTime);

var pastTime = new Date(currentTime.getTime());
pastTime.setMinutes(pastTime.getMinutes() - 50);
var f = document.getElementById("past");
f.innerHTML = formatTime(pastTime);

JSFiddle の例

于 2013-10-09T16:57:32.703 に答える