Hàm Date.setUTCHours() trong Javascript

Phương thức Date.setUTCHours() sẽ thiết lập giờ( từ 0 đến 23) cho đối tượng thời gian dựa theo giờ UTC.

test php

Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

Phương thức này cũng có thể thiết lập phút, giây, mili giây cho đối tượng nếu các tham số này được cung cấp khi gọi phương thức.

Giờ UTC là giờ được thiết lập bởi quy chuẩn giờ thế giới, giờ UTC cũng tương tự như giờ GMT.

Cú pháp

Cú pháp: Date.setUTCHours(hour, min, sec, millisec)

Bài viết này được đăng tại [free tuts .net]

Trong đó:

hour là giờ( từ 0 đến 23) muốn thiết lập cho đối tượng.
- nếu hour = -1, thời gian sẽ được thiết lập thành giờ cuối cùng của ngày hôm trước.
- nếu hour = 24, thời gian sẽ được thiết lập thành giờ đầu tiên của ngày hôm sau.
min là tham số không bắt buộc chỉ số phút ( 0 đến 59) muốn thiết lập cho đối tượng.
- nếu min = -1, thời gian sẽ được thiết lập thành phút cuối cùng của giờ trước đó.
- nếu min = 60, thời gian sẽ được thiết lập thành phút đầu tiên của giờ tiếp theo.
sec là tham số không bắt buộc chỉ giây(0 đến 59) muốn thiết lập cho đối tượng.
- nếu sec = -1, thời gian sẽ được thiết lập thành giây cuối cùng của phút trước đó.
- nếu sec = 60, thời gian sẽ được thiết lập thành giây đầu tiên của phút tiếp theo.
millisec là tham số không bắt buộc chỉ mili giây( từ 0 đến 999) sẽ được thiết lập.
- nếu millisec = -1, thời gian sẽ được thiết lập thành mili giây cuối cùng của giây trước đó.
- nếu millisec = 1000, thời gian sẽ được thiết lập thành mili giây đầu tiên của giây tiếp theo.

Cách sử dụng

Sử dụng phương thức Date.setUTCHours() để thiết lập thời gian cho đối tượng.

Code RUN

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <h1>Học lập trình miễn phí tại freetuts.net</h1>
   
        <button onclick="myFunction()">Run</button>
   
        <p id="demo"></p>
   
        <script>
            var date = new Date();
            document.getElementById("demo").innerHTML = date;
            function myFunction() {
                date.setUTCHours(15,45,30);
                document.getElementById("demo").innerHTML = date;
            }
        </script>
    </body>
</html>

Kết quả

Wed Jun 14 2017 22:45:30 GMT+0700 (SE Asia Standard Time)

Các bạn thấy rằng kết quả không giống với những gì mình thiết lập, hãy nhớ rằng bạn thiết lập thời gian UTC, còn kết quả hiển thị là kết quả giờ tại múi giờ của bạn.

Sử dụng các tham số âm.

Code RUN

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <h1>Học lập trình miễn phí tại freetuts.net</h1>
   
        <button onclick="myFunction()">Run</button>
   
        <p id="demo"></p>
   
        <script>
            var date = new Date();
            document.getElementById("demo").innerHTML = date;
            function myFunction() {
                date.setUTCHours(15,-45, -35);
                document.getElementById("demo").innerHTML = date;
            }
        </script>
    </body>
</html>

Kết quả

Wed Jun 14 2017 21:14:25 GMT+0700 (SE Asia Standard Time)

Tham khảo: w3schools.com

Cùng chuyên mục:

Functional Programming là gì? Tại sao và khi nào bạn nên sử dụng trong JavaScript

Những tính năng mới trong ES6+ trong JavaScript

4 cách tránh memory leaks trong JavaScript

Capturing và bubbling Event trong Javascript

Phân biệt prototype và proto trong JavaScript

Cách hoạt động của Event Loop trong JavaScript

Phương thức bind(), call(), và apply() trong JavaScript

Cách khắc phục lỗi "hoisting" trong JavaScript

Sử dụng Promise.all và Promise.race để quản lý các Promise trong JavaScript

Xử lý bất đồng bộ bằng vòng lặp for-await trong JavaScript

Sự khác biệt giữa Promise, Callback và Async/Await trong JavaScript

Cách sử dụng Async functions trong JavaScript

Hàm String isspace() trong Python

Cách tạo số ngẫu nhiên trong Javascript

Hướng dẫn cách tạo một số ngẫu nhiên ...

Hàm Date.setUTCHours() trong Javascript

Cú pháp

Cách sử dụng

Cùng chuyên mục:

Functional Programming là gì? Tại sao và khi nào bạn nên sử dụng trong JavaScript

Những tính năng mới trong ES6+ trong JavaScript

4 cách tránh memory leaks trong JavaScript

Capturing và bubbling Event trong Javascript

Phân biệt prototype và proto trong JavaScript

Cách hoạt động của Event Loop trong JavaScript

Phương thức bind(), call(), và apply() trong JavaScript

Cách khắc phục lỗi "hoisting" trong JavaScript

Sử dụng Promise.all và Promise.race để quản lý các Promise trong JavaScript

Xử lý bất đồng bộ bằng vòng lặp for-await trong JavaScript

Sự khác biệt giữa Promise, Callback và Async/Await trong JavaScript

Cách sử dụng Async functions trong JavaScript

Hàm String isspace() trong Python

Cách tạo số ngẫu nhiên trong Javascript

Cách gộp hai object javascript lại với nhau

Cách lấy chiều dài của object trong Javascript

Hướng dẫn giải phương trình bậc 1 bằng Javascript

Cách dùng nextSibling trong javascript

Cách dùng insertAdjacentHTML trong javascript

Cách dùng innerHTML trong Javascript

Hàm Date.setUTCHours() trong Javascript

Cú pháp

Cách sử dụng

Cùng chuyên mục:

Functional Programming là gì? Tại sao và khi nào bạn nên sử dụng trong JavaScript

Những tính năng mới trong ES6+ trong JavaScript

4 cách tránh memory leaks trong JavaScript

Capturing và bubbling Event trong Javascript

Phân biệt prototype và __proto__ trong JavaScript

Cách hoạt động của Event Loop trong JavaScript

Phương thức bind(), call(), và apply() trong JavaScript

Cách khắc phục lỗi "hoisting" trong JavaScript

Sử dụng Promise.all và Promise.race để quản lý các Promise trong JavaScript

Xử lý bất đồng bộ bằng vòng lặp for-await trong JavaScript

Sự khác biệt giữa Promise, Callback và Async/Await trong JavaScript

Cách sử dụng Async functions trong JavaScript

Hàm String isspace() trong Python

Cách tạo số ngẫu nhiên trong Javascript

Cách gộp hai object javascript lại với nhau

Cách lấy chiều dài của object trong Javascript

Hướng dẫn giải phương trình bậc 1 bằng Javascript

Cách dùng nextSibling trong javascript

Cách dùng insertAdjacentHTML trong javascript

Cách dùng innerHTML trong Javascript

Giới thiệu

Thủ thuật

Link hay

Liên kết

Phân biệt prototype và proto trong JavaScript