wiki:javascript:javascript_note:js_timing

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:javascript:javascript_note:js_timing [2021/04/12 16:40]
emblim98 만듦
+++ wiki:javascript:javascript_note:js_timing [2023/01/13 18:44] (현재)
@@ 줄 166: / 줄 166: @@
 =====More Examples=====
-====Another simplw timing====
+====Another simple timing====
 <code javascript>
+<!DOCTYPE html>
+<html>
+<body>
+    <button onclick="timedText()">Try it</button>
+    <p id="demo">Click on "Try it". I will display when two, four, and six seconds have passed.</p>
+    <script>
+        function timedText() {
+            setTimeout(myTimeout1, 2000)
+            setTimeout(myTimeout2, 4000)
+            setTimeout(myTimeout3, 6000)
+        }
+        function myTimeout1() {
+            document.getElementById('demo').innerHTML = "2 seconds";
+        }
+        function myTimeout2() {
+            document.getElementById('demo').innerHTML = "4 seconds";
+        }
+        function myTimeout3() {
+            document.getElementById('demo').innerHTML = "6 seconds";
+        }
+    </script>
+</body>
+</html>
+</code>
-<code>
+=====A clock created with a timing event=====
+<code javascript>
+<!DOCTYPE html>
+<html>
+<head>
+    <script>
+        function startTime() {
+            var today = new Date();
+            var h = today.getHours();
+            var m = today.getMinutes();
+            var s = today.getSeconds();
+            m = checkTime(m);
+            s = checkTime(s);
+            document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;
+            var t = setTimeout(startTime, 500);
+        }
+        function checkTime(i) {
+            if (i < 10) { i = "0" + i };  // add zero in front of numbers < 10
+            return i;
+        }
+    </script>
+</head>
+<body onload="startTime()">
+    <div id="txt"></div>
+</body>
+</html>
+</code>

/volume1/web/dokuwiki/data/attic/wiki/javascript/javascript_note/js_timing.1618213243.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)