Người Viết : ViKiMi Editor

Hiển thị thời gian chuẩn sử dụng jQuery.Now tạo thuận tiện cho Website hiển thị giờ
Khi bạn muốn mang lại hiển thị về thời gian đối với Website thì Việc lấy về thời gian theo chuẩn là một điều hữu ích cần có. Nếu bạn muốn thực hiện điều này đối với jQuery thì nó hoàn toàn dễ dàng. Thư viện jQuery mang lại cho bạn một cách nhìn mới về hiển thị thời gian, cũng như cách bạn đạt được kết quả. Tất cả thật thuận tiện hơn bao giờ hết!
Thư viện jQuery cung cấp Phương thức jQuery.now()
[ Phương thức $.now() là ẩn danh của Date.now() ]
Phương thức jQuery.now() trả về cho chúng ta một số trình bày cho thời gian hiện tại. (Thời gian tính bằng Micro giây)
Cách thức hoạt động của nó vô cùng đơn giản, bạn chỉ cần gọi Phương thức jQuery.now() và sử dụng.
Tuy nhiên, nó vẫn có khuyết điểm cần khắc phục mà bạn cần biết để xử lý :
+ Khi bạn thực hiện gọi : jQuery.now()
+ Kết quả thời gian trả về dạng Microseconds : 1695000391469
Như bạn thấy kết quả trả về không như mong muốn.
Vậy cần phải khắc phục vấn đề này để hoàn thành công việc một cách đơn giản nhất có thể. Khắc phục như sau :
Cách 1 : Chỉ cần hiển thị Dạng Giờ / Phút / Giây
+ Sử dụng jQuery.now / $.now()
+ Sử dụng những Functions cơ bản để xử lý về thời gian
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var currentdate = new Date(jQuery.now());
var datetime = "Now : " + currentdate.getDate() + "/"
+ (currentdate.getMonth()+1) + "/"
+ currentdate.getFullYear() + " @ "
+ currentdate.getHours() + ":"
+ currentdate.getMinutes() + ":"
+ currentdate.getSeconds();
$("p").html( datetime );
});
});
</script>

Cách 2 : Thực hiện hiển thị thời gian theo định dạnh tiêu chuẩn
+ Sử dụng jQuery.now / $.now()
+ Sử dụng những Functions cơ bản để thời gian theo định dạng tiêu chuẩn
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var currentdate = new Date(jQuery.now());
var datetime = currentdate + '';
// Mon Sep 18 2023 08:39:34 GMT+0700 (Indochina Time)
var datetime2 = currentdate.toDateString();
// Mon Sep 18 2023
var datetime3 = currentdate.toISOString();
// 2023-09-18T01:45:28.268Z
var datetime4 = currentdate.toLocaleDateString();
// 9/18/2023
var datetime5 = currentdate.toLocaleString();
// 9/18/2023, 8:46:58 AM
var datetime6 = currentdate.toUTCString();
// Mon, 18 Sep 2023 01:46:58 GMT
$("#p1").html( datetime );
$("#p2").html( datetime2 );
$("#p3").html( datetime3 );
$("#p4").html( datetime4 );
$("#p5").html( datetime5 );
$("#p6").html( datetime6 );
});
});
</script>
Note : Nếu bạn muốn tạo một Clock đơn giản nhất thì có thể sử dụng Function setInterval() của jQuery
setInterval(function() {
$(‘.Timer’).text(new Date(jQuery.now()).toUTCString());
}, 1000);
Trên đây chúng ta có thể thấy 2 cách xử lý thời gian sử dụng thư viện jQuery rất đơn giản. Theo những mục đích sử dụng khác nhau chúng ta sẽ có những cách hiển thị khác nhau. Không khó để đưa ra cách hiển thị cho Website, việc đưa thời gian lên Website mang lại những lợi ích nhất định, nhất là những Website muốn thực hiện đo thời gian.
+ jQuery đem lại cho chúng ta cách đơn giản để hiển thị thời gian
+ Dễ dàng thuận tiện khi dùng những phương thức này