ตัวอย่างการใช้ JS เพื่อแสดงเวลาปัจจุบัน

หน้าจอหน้าจอด้านหน้า

การคัดลอกรหัสมีดังนี้:

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

สคริปต์ JS

การคัดลอกรหัสมีดังนี้:

$ (เอกสาร) .ready (function () {

// ประเภทแรก

Showtime ();

// ประเภทที่สอง

นาฬิกา var = นาฬิกาใหม่ ();

นาฬิกา display ($ ("#นาฬิกา"));

-

// วิธีแรกในการประมวลผลเวลาปัจจุบันของระบบจะปรากฏขึ้น

ฟังก์ชั่น Showtime () {

var myarray = อาร์เรย์ใหม่ (7);

var td = วันที่ใหม่ ();

myArray [0] = "วันอาทิตย์";

myArray [1] = "วันจันทร์";

myArray [2] = "วันอังคาร";

MyArray [3] = "วันพุธ";

MyArray [4] = "วันพฤหัสบดี";

myArray [5] = "วันศุกร์";

MyArray [6] = "วันเสาร์";

วันธรรมดา = 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 ('เวลาปัจจุบัน:' + วันที่ใหม่ (). tolocaledatestring () + "" + myarray [วันธรรมดา] + "" + hstr + ":" + mstr + ":" + isr) ;

Settimeout (Showtime, 1,000);

-

// วิธีที่สองในการประมวลผลเวลาปัจจุบันของระบบจะปรากฏขึ้น

ฟังก์ชั่นนาฬิกา () {

วันที่ var = วันที่ใหม่ ();

this.year = date.getlyear ();

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

this.date = date.getDate ();

this.day = Newarray ("วันอาทิตย์", "วันจันทร์", "วันอังคาร", "วันพุธ", "วันพฤหัสบดี", "วันศุกร์", "วันเสาร์") [date.get.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 () {

ส่งคืน "เวลาปัจจุบันคือ:"+this.year+"ปี"+this.month+"เดือน"+this.date+"วัน"+this.hour+":"+this.minute+":" this.second+"" วันนี้;

-

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);

-

-