Hướng dẫn html javascript display running time - html javascript hiển thị thời gian chạy

Chúng tôi có thể hiển thị một chiếc đồng hồ sẽ hiển thị thời gian cục bộ của máy khách bằng cách sử dụng JavaScript. Lưu ý rằng thời gian này được hiển thị được lấy từ máy tính người dùng chứ không phải từ máy chủ.

Đồng hồ thời gian thực JavaScript hiển thị thay đổi ngày và giờ ở các định dạng khác nhau

Chúng tôi đã thấy trong ví dụ đối tượng ngày của chúng tôi cách hiển thị ngày và giờ hiện tại trong đó ngày và giờ hiện tại được hiển thị một lần. Ở đây chúng tôi sẽ cố gắng hiển thị thay đổi đồng hồ hoặc thay đổi thời gian thực theo ngày và giờ bằng cách sử dụng chức năng setTimeout. Chức năng SetTimeout này mà chúng tôi đã sử dụng để kích hoạt hàm hiển thị thời gian trong tốc độ làm mới là 1000 giây [1 giây]. Tốc độ làm mới này có thể được thay đổi thành bất kỳ giá trị nào khác. Bằng cách thay đổi giá trị thành 5000 đồng hồ sẽ làm mới và hiển thị thời gian chính xác một lần trong mỗi 5 giây. Đây là bản demo của tập lệnh và mã này được đưa ra dưới đây. Đây là mã

[Type a title for your page here]
 
function display_c[]{
var refresh=1000; // Refresh rate in milli seconds
mytime=setTimeout['display_ct[]',refresh]
}

function display_ct[] {
var x = new Date[]
document.getElementById['ct'].innerHTML = x;
display_c[];
 }

Here is the demo of this script and code is given below that.



Here is the code

[Type a title for your page here]
 
function display_c[]{
var refresh=1000; // Refresh rate in milli seconds
mytime=setTimeout['display_ct[]',refresh]
}

function display_ct[] {
var x = new Date[]
document.getElementById['ct'].innerHTML = x;
display_c[];
 }

Thay đổi định dạng hiển thị

Để thay đổi định dạng hiển thị, chúng ta chỉ cần thay đổi phần chức năng khi chúng ta có thể thay đổi phần hiển thị. Hãy để chúng tôi bắt đầu với việc sử dụng chuỗi UTC

function display_ct[] {
var x = new Date[]
var x1=x.toUTCString[];// changing the display to UTC string
document.getElementById['ct'].innerHTML = x1;
tt=display_c[];
 }

đầu ra ở đây
Let us start with using UTC string

function display_ct[] {
var x = new Date[]
var x1=x.toUTCString[];// changing the display to UTC string
document.getElementById['ct'].innerHTML = x1;
tt=display_c[];
 }

The output is here

Hiển thị trong mm/dd/yy h: m: s định dạng

Dưới đây là mã

function display_ct[] {
var x = new Date[]
var x1=x.getMonth[] + 1+ "/" + x.getDate[] + "/" + x.getFullYear[]; 
x1 = x1 + " - " +  x.getHours[ ]+ ":" +  x.getMinutes[] + ":" +  x.getSeconds[];
document.getElementById['ct'].innerHTML = x1;
display_c[];
 }

Lưu ý rằng chúng tôi chỉ thay đổi phần hàm Display_ct [], mã khác vẫn giống nhau. Đây là đầu ra

Hiển thị AM hoặc PM có đồng hồ

function display_ct5[] {
var x = new Date[]
var ampm = x.getHours[ ] >= 12 ? ' PM' : ' AM';

var x1=x.getMonth[] + 1+ "/" + x.getDate[] + "/" + x.getFullYear[]; 
x1 = x1 + " - " +  x.getHours[ ]+ ":" +  x.getMinutes[] + ":" +  x.getSeconds[] + ":" + ampm;
document.getElementById['ct5'].innerHTML = x1;
display_c5[];
 }
 function display_c5[]{
var refresh=1000; // Refresh rate in milli seconds
mytime=setTimeout['display_ct5[]',refresh]
}
display_c5[]

Hiển thị định dạng 12 giờ

function display_ct6[] {
var x = new Date[]
var ampm = x.getHours[ ] >= 12 ? ' PM' : ' AM';
hours = x.getHours[ ] % 12;
hours = hours ? hours : 12;
var x1=x.getMonth[] + 1+ "/" + x.getDate[] + "/" + x.getFullYear[]; 
x1 = x1 + " - " +  hours + ":" +  x.getMinutes[] + ":" +  x.getSeconds[] + ":" + ampm;
document.getElementById['ct6'].innerHTML = x1;
display_c6[];
 }
 function display_c6[]{
var refresh=1000; // Refresh rate in milli seconds
mytime=setTimeout['display_ct6[]',refresh]
}
display_c6[]

Thêm một số 0 hàng đầu vào tất cả các chữ số trong tháng, ngày, giờ, phút và giây.

function display_ct7[] {
var x = new Date[]
var ampm = x.getHours[ ] >= 12 ? ' PM' : ' AM';
hours = x.getHours[ ] % 12;
hours = hours ? hours : 12;
hours=hours.toString[].length==1? 0+hours.toString[] : hours;

var minutes=x.getMinutes[].toString[]
minutes=minutes.length==1 ? 0+minutes : minutes;

var seconds=x.getSeconds[].toString[]
seconds=seconds.length==1 ? 0+seconds : seconds;

var month=[x.getMonth[] +1].toString[];
month=month.length==1 ? 0+month : month;

var dt=x.getDate[].toString[];
dt=dt.length==1 ? 0+dt : dt;

var x1=month + "/" + dt + "/" + x.getFullYear[]; 
x1 = x1 + " - " +  hours + ":" +  minutes + ":" +  seconds + " " + ampm;
document.getElementById['ct7'].innerHTML = x1;
display_c7[];
 }
 function display_c7[]{
var refresh=1000; // Refresh rate in milli seconds
mytime=setTimeout['display_ct7[]',refresh]
}
display_c7[]

function display_ct7[] {
var x = new Date[]
var ampm = x.getHours[ ] >= 12 ? ' PM' : ' AM';
hours = x.getHours[ ] % 12;
hours = hours ? hours : 12;
hours=hours.toString[].length==1? 0+hours.toString[] : hours;

var minutes=x.getMinutes[].toString[]
minutes=minutes.length==1 ? 0+minutes : minutes;

var seconds=x.getSeconds[].toString[]
seconds=seconds.length==1 ? 0+seconds : seconds;

var month=[x.getMonth[] +1].toString[];
month=month.length==1 ? 0+month : month;

var dt=x.getDate[].toString[];
dt=dt.length==1 ? 0+dt : dt;

var x1=month + "/" + dt + "/" + x.getFullYear[]; 
x1 = x1 + " - " +  hours + ":" +  minutes + ":" +  seconds + " " + ampm;
document.getElementById['ct7'].innerHTML = x1;
display_c7[];
 }
 function display_c7[]{
var refresh=1000; // Refresh rate in milli seconds
mytime=setTimeout['display_ct7[]',refresh]
}
display_c7[]

Để hiển thị đồng hồ bên trong hộp văn bản

Tạo một hộp văn bản và đưa ID cho nó

để hiển thị thêm dòng này bên trong hàm display_ct []

document.getElementById['t1'].value = x;

Thay đổi kích thước phông chữ và màu phông chữ của màn hình

________số 8

Thêm 0 vào số chữ số đơn

Chúng tôi có thể hiển thị 5 giờ là 05 giờ hoặc 2 phút là 02 phút.

// date part ///
var month=x.getMonth[]+1;
var day=x.getDate[];
var year=x.getFullYear[];
if [month