Kurs Javascript odc 1. Odświeżanie diva a nie body dla zadania z zegarem.

pytanie zadane 5 stycznia 2018 w JavaScript przez zirael [PL] Mądrala (5,200 p.)

Witam,

tak jak w temacie, chciałbym funkcję zegar która odświeża się co sekundę umieścić w divie a nie w dokumencie body i moje pytanie jest, dlaczego nie działa to w ten sposób tylko dla tagu body?

W jaki sposób mógłbym rozwiązać swój problem?

function clock() {

    var today = new Date();
    var day = today.getDate();
    var month = today.getMonth() + 1;
    var m = "";

    switch(month) {
        case 1: m = "Styczeń";      break;
        case 2: m = "Luty";         break;
        case 3: m = "Marzec";       break;
        case 4: m = "Kwiecień";     break;
        case 5: m = "Maj";          break;
        case 6: m = "Czerwiec";     break;
        case 7: m = "Lipiec";       break;
        case 8: m = "Sierpień";     break;
        case 9: m = "Wrzesień";     break;
        case 10: m = "Październik"; break;
        case 11: m = "Listopad";    break;
        case 12: m = "Grudzień";    break;
    }

    var year = today.getFullYear();

    var hour = today.getHours();
    if(hour < 10) hour = "0"+hour;
    var minute = today.getMinutes();
    if(minute < 10) minute = "0"+minute;
    var second = today.getSeconds();

    document.getElementById("clock").innerHTML =
        day + "/" + m + "/" + year + " | " + hour + ":" + minute + ":" + second;

    setTimeout("clock()", 1000);
}

function slider() {

}


<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <title>Zegar i Slider</title>
    <script src="slider.js"></script>
</head>
<body onload="clock();">
    <div id="clock"></div>
</body>
</html>