init

2014-10-26 22:10:13 +03:00 · 2014-10-26 22:10:13 +03:00 · f301cb744d
commit f301cb744d
parent 06f61d8ce8
2271 changed files with 103162 additions and 0 deletions
--- a/02-ui/05-widgets/02-widgets-structure/01-clock/solution/index.html
+++ b/02-ui/05-widgets/02-widgets-structure/01-clock/solution/index.html
@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <title>Часики</title>
+    <script src="http://code.jquery.com/jquery.min.js"></script>
+    <script src="clock.js"></script>
+    <meta charset="utf-8">
+    <style>
+      .hour { color: green }
+      .min { color: blue }
+      .sec { color: red }
+    </style>
+</head>
+<body>
+
+<div id="clock" class="clock">
+    <span class="hour">00</span>:<span class="min">00</span>:<span class="sec">00</span>
+</div>
+
+<script>
+
+  var pageClock = new Clock({
+    elem: $('#clock')
+  });
+
+</script>
+
+<input type="button" onclick="pageClock.start()" value="Старт">
+<input type="button" onclick="pageClock.stop()" value="Стоп">
+
+<input type="button" 
+  onclick="alert('Часы должны останавливаться во время alert,\nи продолжать корректно работать после нажатия на ОК')"
+  value="alert для проверки корректного возобновления"
+>
+
+</body>
+</html>