Js get the current time displayed on the page and refresh every second _ javascript tips-js tutorial

This article mainly introduces how to get the current time of js and display it on the page and refresh it every second. If you need it, you can refer to the method below. The Code is also very concise. just provide the Code directly.

The Code is as follows:

Js retrieves the current time and displays it on the page
Script
Window. onload = function (){
// The timer calls fnDate once per second ()
SetInterval (function (){
FnDate ();
},1000 );
}
// Obtain the current time in js
Function fnDate (){
Var oDiv = document. getElementById ("p1 ");
Var date = new Date ();
Var year = date. getFullYear (); // current year
Var month = date. getMonth (); // current month
Var data = date. getDate (); // day
Var hours = date. getHours (); // hour
Var minute = date. getMinutes (); // minute
Var second = date. getSeconds (); // second
Var time = year + "-" + fnW (month + 1) + "-" + fnW (data) + "" + fnW (hours) + ": "+ fnW (minute) +": "+ fnW (second );
ODiv. innerHTML = time;
}
// Fill in 0 when a field is not two digits
Function fnW (str ){
Var num;
Str> 10? Num = str: num = "0" + str;
Return num;
}
Script