Home > Article > Web Front-end > Examples to explain how to obtain the current system time using js and html

Examples to explain how to obtain the current system time using js and html

小云云Original: 2017-12-22 11:37:091306browse

This article mainly introduces the current time of the javascript html acquisition system in detail. It has certain reference value. Interested friends can refer to it. I hope it can help everyone better master js and html.

<html>
<head>
<STYLE>
TD {
FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
</STYLE>
<SCRIPT language=JavaScript>
function tick() {
var years,months,days,hours, minutes, seconds;
var intYears,intMonths,intDays,intHours, intMinutes, intSeconds;
var today;
today = new Date(); //系统当前时间
intYears = today.getFullYear(); //得到年份,getFullYear()比getYear()更普适
intMonths = today.getMonth() + 1; //得到月份，要加1
intDays = today.getDate(); //得到日期
intHours = today.getHours(); //得到小时 
intMinutes = today.getMinutes(); //得到分钟
intSeconds = today.getSeconds(); //得到秒钟
years = intYears + "-"; 

if(intMonths < 10 ){
months = "0" + intMonths +"-";
} else {
months = intMonths +"-";
}
if(intDays < 10 ){
days = "0" + intDays +" ";
} else {
days = intDays + " ";
}
if (intHours == 0) {
hours = "00:";
} else if (intHours < 10) {
hours = "0" + intHours+":";
} else {
hours = intHours + ":";
}
if (intMinutes < 10) {
minutes = "0"+intMinutes+":";
} else {
minutes = intMinutes+":";
}
if (intSeconds < 10) {
seconds = "0"+intSeconds+" ";
} else {
seconds = intSeconds+" ";
}
timeString = years+months+days+hours+minutes+seconds;
Clock.innerHTML = timeString;
window.setTimeout("tick();", 1000);
}
window.onload = tick;
</SCRIPT>
</head>
<BODY leftMargin=0 topMargin=0 marginwidth="0" marginheight="0">
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TR bgColor=#73a3d4 height=40>
<TD noWrap align=right width=209 ><SPAN id="Clock"></SPAN></TD>
</TR>
</TABLE>
</BODY>
</HTML>

Have you all learned it? Hurry up and give it a try.

Related recommendations:

MySQL function to obtain the current system time

js real-time acquisition of the current system time instance code_javascript skills

Detailed explanation of JS’s Date object and obtaining the current time of the system_javascript skills

The above is the detailed content of Examples to explain how to obtain the current system time using js and html. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Detailed explanation of router-link parameter passing and use of parameters in vueNext article：Detailed explanation of router-link parameter passing and use of parameters in vue

See more

Examples to explain how to obtain the current system time using js and html

Related articles