web-dev-qa-db-ja.com

Javascriptは時間を追加します

私は時間を表示する必要があるこのjavascriptコードを持っています。できます。でも、余分な時間を追加することはできません。 1時間を追加したいとしましょう。

        <script type="text/javascript">
        Date.prototype.addHours = function(h) {    
           this.setTime(this.getTime() + (h*60*60*1000)); 
           return this;   
        }
        // This function gets the current time and injects it into the DOM

        function updateClock() {
            // Gets the current time
            var now = new Date();

            // Get the hours, minutes and seconds from the current time
            var hours = now.getHours();
            var minutes = now.getMinutes();
            var seconds = now.getSeconds();

            // Format hours, minutes and seconds
            if (hours < 10) {
                hours = "0" + hours;
            }
            if (minutes < 10) {
                minutes = "0" + minutes;
            }
            if (seconds < 10) {
                seconds = "0" + seconds;
            }

            // Gets the element we want to inject the clock into
            var elem = document.getElementById('clock');

            // Sets the elements inner HTML value to our clock data
            elem.innerHTML = hours + ':' + minutes + ':' + seconds;
        }
    function start(){
        setInterval('updateClock()', 200);
    }
    </script>

最初の関数は追加したいミリセコンを計算し、2番目の関数は「ライブクロック」です。最初の関数を2番目の関数に実装して、作業結果を取得するにはどうすればよいですか?

6
Niels Hermann

時間の追加には、setHoursを使用します。

// Gets the current time
var now = new Date();

console.log("actual time:", now);

now.setHours(now.getHours() + 1)

console.log("actual time + 1 hour:", now);

参考資料: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setHours

7
ben

これをチェックしてください フィドル

ここでは、_class Date_のコンストラクターDate(milliseconds)を使用できます。

これがスニペットです。

_var now = new Date();
alert(now);

var milliseconds = new Date().getTime() + (1 * 60 * 60 * 1000);
var later = new Date(milliseconds);
alert(later);_
4

これをチェックしてください
ここでフィドル

var todayDate = new Date();
alert("After adding ONE hour : "+new Date(todayDate.setHours(todayDate.getHours()+1)) );
0
brijTechGeek