배경이미지위의 시계 채택완료

</p>

<p><link href="<a href="https://fonts.googleapis.com/css2?family=Lato&display=swap"" target="_blank" rel="noopener noreferrer">https://fonts.googleapis.com/css2?family=Lato&display=swap"</a> rel="stylesheet">

<style>

#todayDiv { width:500px; height:360px; padding-top:200px; box-sizing:border-box; background-image:url('<a href="https://blog.kakaocdn.net/dn/GQ8UO/btstX5Sj7ZD/ENNGXlq7MZFe9G9dPdVAQ0/img.png');" target="_blank" rel="noopener noreferrer">https://blog.kakaocdn.net/dn/GQ8UO/btstX5Sj7ZD/ENNGXlq7MZFe9G9dPdVAQ0/img.png');</a> background-size:cover; background-position:center; margin:0 auto; }

#todayTable { color:#ffffff; font-family:Lato; font-weight:bold; margin:0 auto; }

#todayHead { text-align:center; padding:0px; font-size:4rem; }

#todayTail { text-align:center; padding:0px ; font-size:2rem; }

#todayTail span { font-size:1.2rem; }

</style>

<script>

weekKr = "일월화수목금토";

document.write(`

    <div id="todayDiv">

        <table id="todayTable">

            <tr><td id="todayHead"></td></tr>

            <tr><td id="todayTail"></td></tr>

        </table>

    </div>

`);

function todayMode() {

    todayTime = new Date();

    todayHead.innerText = String(todayTime).split(" ")[4];

    currentYear = todayTime.getFullYear() + ".";

    currentMonth = ("0" + (todayTime.getMonth() + 1)).slice(-2) + ".";

    currentDay = ("0" + todayTime.getDate()).slice(-2) + ".";

    currentWeek = weekKr[todayTime.getDay()] + "<span>요일</span>"; 

    todayTail.innerHTML = currentYear + currentMonth + currentDay + currentWeek;

}

todayMode();

setInterval(todayMode, 1000);

</script></p>

<p>