실시간 표시 시간(HTML+JS)

방법 1:


<p id="time1" style="color: blueviolet;">p>
<script>
    function mytime(){
        var a = new Date();
        var b = a.toLocaleTimeString();
        var c = a.toLocaleDateString();
        document.getElementById("time1").innerHTML = c+"&nbsp"+b;
        }
    setInterval(function() {mytime()},1000);
script>

방법 2:

"java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript">
function getTime() {

    var dateObj = new Date();

    var year = dateObj.getFullYear();// 
    var month = dateObj.getMonth()+1;//   ( ： +1)
    var date = dateObj.getDate();// 
    var day = dateObj.getDay();
    var weeks = [" "," "," "," "," "," "," "];
    var week = weeks[day];// day ， 。
    var hours = dateObj.getHours();// 
    var minutes = dateObj.getMinutes();// 
    var seconds = dateObj.getSeconds();// 

    if(month<10){
        month = "0"+month;
    }
    if(date<10){
        date = "0"+date;
    }
    if(hours<10){
        hours = "0"+hours;
    }
    if(minutes<10){
        minutes = "0"+minutes;
    }
    if(seconds<10){
        seconds = "0"+seconds;
    }

    var newDate = year+" "+month+" "+date+" "+hours+":"+minutes+":"+seconds+"&nbsp &nbsp"+week;
    document.getElementById("date1").innerHTML = " ：" + newDate;// div 
    setTimeout('getTime()', 500);// 500ms getTime()
}
script>

<title> title>
head>
<body onload="getTime()">
    <div id="date1">div>
body>
html>

차이점: *setInterval은 코드를 한 번 실행한 후에 그 고정된 시간 간격을 거치면 자동으로 코드를 반복합니다.setTimeout은 그 코드를 한 번만 실행합니다. *

실시간 표시 시간(HTML+JS)

좋은 웹페이지 즐겨찾기