Contoh menggunakan JS untuk menampilkan waktu saat ini

Tampilan Meja Depan Halaman

Salinan kode adalah sebagai berikut:

<span id = "clock" style = "font-size: 14px;"> </span>

Skrip JS

Salinan kode adalah sebagai berikut:

$ (dokumen) .ready (function () {

// Tipe pertama

showtime ();

// tipe kedua

var jam = jam baru ();

clock.display ($ ("#clock"));

});

// Metode pertama memproses waktu saat ini sistem ditampilkan

function showtime () {

var myArray = array baru (7);

var td = tanggal baru ();

myarray [0] = "Minggu";

myarray [1] = "Senin";

myarray [2] = "Selasa";

myarray [3] = "Rabu";

myarray [4] = "Kamis";

myarray [5] = "Friday";

myarray [6] = "Saturday";

hari kerja = td.getday ();

var h = td.getHours ();

var m = td.getMinutes ();

var s = td.getSeconds ();

var hstr = h;

var mstr = m;

var isr = s;

if (h <10) {hstr = "0" + h};

if (m <10) {mstr = "0" + m};

if (s <10) {isr = "0" + s};

$ ("#clock"). INNERHTML ('Waktu Saat Ini:' + Tanggal Baru (). TolocalEdeTestring () + "" + myarray [hari kerja] + "" + hstr + ":" + mstr + ":" + isr) ;

setTimeout (showtime, 1000);

}

// Metode kedua memproses waktu saat ini dari sistem ditampilkan

function clock () {

var date = new date ();

this.year = date.getlyear ();

this.month = date.getMonth ()+1;

this.date = date.getDate ();

this.day = newArray ("Sunday", "Monday", "Tuesday", "Wednesday", "Kamis", "Friday", "Saturday") [date.getday ()];

this.hour = date.getHours () <10? "0"+date.getHours (): date.getHours ();

this.minute = date.getMinutes () <10? "0"+date.getMinutes (): date.getMinutes ();

this.second = date.getSeconds () <10? "0"+date.getSeconds (): date.getSeconds ();

this.toString = function () {

kembalikan "Waktu saat ini adalah:"+this.ear+"tahun"+this.month+"bulan"+this.date+"day"+this.hour+":"+this.minute+":"+this.second+""+ ini .day;

};

this.toSimpledate = function () {

returnThis.year+"-"+this.month+"-"+this.date;

};

this.todetailDate = function () {

returnThis.year+"-"+this.month+"-"+this.date+""+this.hour+":"+this.minute+":"+this.second;

};

this.display = function (ele) {

varclock = newClock ();

ELE.InnerHTML = clock.toString ();

window.setTimeout (function () {clock.display (ele);}, 1000);

};

}