Webbserver - Love Blomberg

Show sourcecode

The following files exists in this folder. Click to view.

public_html/gamla-kurser/webbutv2/övningar/js_timers/

js_timers_a.html
js_timers_b.html
js_timers_c.html
js_timers_d.html
js_timers_e.html
js_timers_f.html
js_timers_g.html
js_timers_h.html
js_timers_i.html
js_timers_j.html
sound/

js_timers_a.html

35 lines UTF-8 Windows (CRLF)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS Timers A</title>
</head>
<body>
<h1>JS Timers A</h1>
<h2 id="timer">Du har varit inne på sidan i 0 sekunder.</h2>
<h2 id="text"></h2>

<script>
    let timer = document.getElementById("timer");
    let text = document.getElementById("text");
    let count = 0;

    function myTimer() {
        count++;
        timer.innerHTML = "Du har varit inne på sidan i " + count.toString() + " sekunder.";
        if (count >= 30) {
            text.innerHTML = "Du har varit inne på sidan i 30 sekunder. Kanske är det dags att gå ut?";
        }
        else if (count >= 20) {
            text.innerHTML = "Finns det verkligen inget bättre än att vänta på en timer?";
        }
        else if (count >= 10) {
            text.innerHTML = "Varför är du inte ute i naturen?";
        }
    }

    setInterval(myTimer, 1000);

</script>
</body>
</html>