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_f.html`

93 lines ASCII Windows (CRLF)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93


<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>JS Timers F</title>

</head>

<body>

<h1>JS Timers F</h1>



<h2>Stoppur 1</h2>

<button onclick="toggleTimer1()" id="startButton1">Start</button>

<h2 id="timer1">0.00 sekunder.</h2>



<h2>Stoppur 2</h2>

<button onclick="toggleTimer2()" id="startButton2">Start</button>

<h2 id="timer2">0.00 sekunder.</h2>



<h2>Stoppur 3</h2>

<button onclick="toggleTimer3()" id="startButton3">Start</button>

<h2 id="timer3">0.00 sekunder.</h2>



<script>

  // Stoppur 1

  let timer1 = document.getElementById("timer1");

  let button1 = document.getElementById("startButton1");

  let count1 = 0;

  let active1 = false;

  let intervalId1;



  function myTimer1() {

    count1++;

    timer1.innerHTML = "" + (count1 / 100).toFixed(2) + " sekunder.";

  }



  function toggleTimer1() {

    if (active1) {

      clearInterval(intervalId1);

      button1.innerHTML = "Start";

    } else {

      intervalId1 = setInterval(myTimer1, 10);

      button1.innerHTML = "Stop";

    }

    active1 = !active1;

  }



  // Stoppur 2

  let timer2 = document.getElementById("timer2");

  let button2 = document.getElementById("startButton2");

  let count2 = 0;

  let active2 = false;

  let intervalId2;



  function myTimer2() {

    count2++;

    timer2.innerHTML = "" + (count2 / 100).toFixed(2) + " sekunder.";

  }



  function toggleTimer2() {

    if (active2) {

      clearInterval(intervalId2);

      button2.innerHTML = "Start";

    } else {

      intervalId2 = setInterval(myTimer2, 10);

      button2.innerHTML = "Stop";

    }

    active2 = !active2;

  }



  // Stoppur 3

  let timer3 = document.getElementById("timer3");

  let button3 = document.getElementById("startButton3");

  let count3 = 0;

  let active3 = false;

  let intervalId3;



  function myTimer3() {

    count3++;

    timer3.innerHTML = "" + (count3 / 100).toFixed(2) + " sekunder.";

  }



  function toggleTimer3() {

    if (active3) {

      clearInterval(intervalId3);

      button3.innerHTML = "Start";

    } else {

      intervalId3 = setInterval(myTimer3, 10);

      button3.innerHTML = "Stop";

    }

    active3 = !active3;

  }

</script>

</body>

</html>