e39465ad2f
new file: Files/flashplayer_32_sa.exe
new file: favicon.ico
new file: globe.gif
new file: imgs/download.png
new file: imgs/zuck.jpg
new file: index.html
new file: other.ico
new file: script.js
new file: site.webmanifest
new file: sitemap.html
new file: styles/backround.css
new file: styles/border.css
new file: styles/fonts/Titillium_Web/OFL.txt
new file: styles/fonts/Titillium_Web/TitilliumWeb-Black.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Bold.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Italic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Light.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Regular.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf
new file: styles/fonts/webfontkit-20221027-163353/generator_config.txt
new file: styles/fonts/webfontkit-20221027-163353/specimen_files/grid_12-825-55-15.css
new file: styles/fonts/webfontkit-20221027-163353/specimen_files/specimen_stylesheet.css
new file: styles/fonts/webfontkit-20221027-163353/stylesheet.css
new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-demo.html
new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff
new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2
new file: styles/fonts/webfontkit-20221027-165950/generator_config.txt
new file: styles/fonts/webfontkit-20221027-165950/specimen_files/grid_12-825-55-15.css
new file: styles/fonts/webfontkit-20221027-165950/specimen_files/specimen_stylesheet.css
new file: styles/fonts/webfontkit-20221027-165950/stylesheet.css
new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-demo.html
new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff
new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2
new file: styles/style.css
new file: tools/2048/.gitignore
new file: tools/2048/.jshintrc
new file: tools/2048/CONTRIBUTING.md
new file: tools/2048/LICENSE.txt
new file: tools/2048/README.md
new file: tools/2048/Rakefile
new file: tools/2048/favicon.ico
new file: tools/2048/index.html
new file: tools/2048/js/animframe_polyfill.js
new file: tools/2048/js/application.js
new file: tools/2048/js/bind_polyfill.js
new file: tools/2048/js/classlist_polyfill.js
new file: tools/2048/js/game_manager.js
new file: tools/2048/js/grid.js
new file: tools/2048/js/html_actuator.js
new file: tools/2048/js/keyboard_input_manager.js
new file: tools/2048/js/local_storage_manager.js
new file: tools/2048/js/tile.js
new file: tools/2048/meta/apple-touch-icon.png
new file: tools/webretro/cores/neocd_libretro.js
new file: tools/webretro/cores/neocd_libretro.wasm
new file: tools/webretro/cores/nestopia_libretro.js
new file: tools/webretro/cores/nestopia_libretro.wasm
new file: tools/webretro/cores/o2em_libretro.js
new file: tools/webretro/cores/o2em_libretro.wasm
new file: tools/webretro/cores/opera_libretro.js
new file: tools/webretro/cores/opera_libretro.wasm
179 lines
6.4 KiB
HTML
179 lines
6.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en"><!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
|
|
|
|
<!-- Mirrored from www.mathsisfun.com/time-clocks.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:57:31 GMT -->
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
|
|
<!-- #BeginEditable "doctitle" -->
|
|
<title>Clocks - Digital and Analog</title>
|
|
|
|
<style type="text/css">
|
|
.boxa {
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align:bottom;
|
|
margin: 0 25px 35px 0;
|
|
}
|
|
</style>
|
|
|
|
<!-- #EndEditable -->
|
|
<meta name="keywords" content="math, maths, mathematics, school, homework, education">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
|
<meta name="HandheldFriendly" content="true">
|
|
<meta name="referrer" content="always">
|
|
<link rel="preload" href="images/style/font-champ-bold.ttf" as="font" type="font/ttf" crossorigin="">
|
|
<link rel="preload" href="style4.css" as="style">
|
|
<link rel="preload" href="main4.js" as="script">
|
|
<link rel="stylesheet" href="style4.css">
|
|
<script src="main4.js" defer="defer"></script>
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-29771508-1"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
gtag('config', 'UA-29771508-1');
|
|
</script>
|
|
</head>
|
|
|
|
<body id="bodybg">
|
|
|
|
<div id="stt"></div>
|
|
<div id="adTop"></div>
|
|
<header>
|
|
<div id="hdr"></div>
|
|
<div id="tran"></div>
|
|
<div id="adHide"></div>
|
|
<div id="cookOK"></div>
|
|
</header>
|
|
|
|
<div class="mid">
|
|
|
|
<nav>
|
|
<div id="menuWide" class="menu"></div>
|
|
<div id="logo"><a href="index.html"><img src="images/style/logo.svg" alt="Math is Fun"></a></div>
|
|
|
|
<div id="search" role="search"></div>
|
|
<div id="linkto"></div>
|
|
|
|
<div id="menuSlim" class="menu"></div>
|
|
<div id="menuTiny" class="menu"></div>
|
|
</nav>
|
|
|
|
<div id="extra"></div>
|
|
|
|
<article id="content" role="main">
|
|
|
|
<!-- #BeginEditable "Body" -->
|
|
|
|
|
|
<h1 class="center">Clocks</h1>
|
|
|
|
<p class="center"><span class="larger">In our world we have <b>digital clocks</b> (they have <b>digits</b> like 0,1,2,3) ...</span></p>
|
|
<div class="center" style="background-color: white; width:300px;">
|
|
<img src="images/clocks/clock-digital-3.jpg" alt="clock digital 12:34" height="103" width="128"><img src="images/clocks/clock-digital-8.jpg" alt="clock digital 12:33" height="128" width="128"><img src="images/clocks/clock-digital-5.jpg" alt="clock digital 5:08" height="96" width="128"></div>
|
|
<p> </p>
|
|
<p class="center larger">... and <b>analog clocks</b> (they have hands) ...</p>
|
|
<div class="center" style="background-color: white; width:300px;">
|
|
<p class="center"><img src="images/clocks/clock-analog-4.jpg" alt="clock analog" height="122" width="122"><img src="images/clocks/clock-analog-3.jpg" alt="clock analog" height="128" width="128"><img src="images/clocks/clock-analog-1.jpg" alt="clock analog" height="127" width="128"></p>
|
|
</div>
|
|
|
|
|
|
<h2>Digital Clocks</h2>
|
|
|
|
<p>Digital Clocks show us the time using numbers, like this:</p>
|
|
<p class="center larger">Hours <b>:</b> Minutes</p>
|
|
<p>Examples:</p>
|
|
|
|
<table style="border: 0; margin:auto;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="text-align:center;"><img src="images/clocks/clock-digital-5.jpg" alt="clock digital 5:08" height="96" width="128"></td>
|
|
<td style="width:50px;"> </td>
|
|
<td style="text-align:center;"><img src="images/clocks/clock-digital-4.jpg" alt="clock digital 9:36" height="112" width="128"><br>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="large">
|
|
<div class="center"><b>5 Hours and 8 Minutes</b></div>
|
|
</td>
|
|
<td style="width:50px;"><br>
|
|
</td>
|
|
<td class="large">
|
|
<div class="center"><b>9 Hours and 36 Minutes</b></div>
|
|
</td>
|
|
</tr>
|
|
</tbody></table>
|
|
|
|
|
|
<h2>Clocks with Hands</h2>
|
|
|
|
<p>Clocks can also use hands to show us the Hours and Minutes. We call them "analog" clocks.</p>
|
|
<p>The <b>Little Hand</b> shows the Hours:</p>
|
|
<div class="center">
|
|
<div class="boxa">
|
|
<img src="images/clocks/clock-02.svg" alt="hour 2"><br>
|
|
<span class="large">2 Hours</span>
|
|
</div>
|
|
<div class="boxa">
|
|
<img src="images/clocks/clock-05.svg" alt="hour 2"><br>
|
|
<span class="large">5 Hours</span>
|
|
</div>
|
|
</div>
|
|
<p>The <b>Big Hand</b> shows the Minutes:</p>
|
|
<div class="center">
|
|
<div class="boxa">
|
|
<img src="images/clocks/clock-0-30.svg" alt="hour 2"><br>
|
|
<span class="large">30 Minutes</span>
|
|
</div>
|
|
<div class="boxa">
|
|
<img src="images/clocks/clock-0-15.svg" alt="hour 2"><br>
|
|
<span class="large">15 Minutes</span>
|
|
</div>
|
|
</div>
|
|
<p>Using both the Big Hand and Little Hand lets us know exactly what time it is:</p>
|
|
<div class="center">
|
|
<div class="boxa">
|
|
<img src="images/clocks/clock-0230.svg" alt="time 2:30"><br>
|
|
<span class="large">2:30 or<br>
|
|
Half-Past Two</span>
|
|
</div>
|
|
<div class="boxa">
|
|
<img src="images/clocks/clock-0515.svg" alt="time 5:15"><br>
|
|
<span class="large">5:15 or<br>
|
|
Quarter-Past Five</span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<h2>Practice</h2>
|
|
|
|
<p>Now you can:</p>
|
|
<ul>
|
|
<li>practice using these <a href="worksheets/time.html">Time Worksheets</a>, or</li>
|
|
<li>play with the two types of clock using the <a href="time-clocks-analog-digital.html">Analog and Digital Clock Animation</a></li>
|
|
</ul>
|
|
<p> </p>
|
|
<div class="questions">1964, 1965, 1966, 1967, 1968, 1969, 3646, 3647, 3648, 3649</div>
|
|
|
|
<div class="related">
|
|
<a href="time-clocks-analog-digital.html">Analog and Digital Clock Animation</a>
|
|
<a href="time.html">Time: AM/PM and 24 Hour Clock</a>
|
|
<a href="time-add-subtract.html">Adding and Subtracting Time</a>
|
|
<a href="sun-clock.html">Sun Clock</a>
|
|
<a href="time-zones-world.html">World Time Zones</a>
|
|
<a href="earth-orbit.html">Earth's Orbit and Daylight</a>
|
|
</div>
|
|
<!-- #EndEditable -->
|
|
|
|
</article>
|
|
|
|
<div id="adend" class="centerfull noprint"></div>
|
|
<footer id="footer" class="centerfull noprint"></footer>
|
|
<div id="copyrt">Copyright © 2021 MathsIsFun.com</div>
|
|
|
|
</div>
|
|
</body><!-- #EndTemplate -->
|
|
<!-- Mirrored from www.mathsisfun.com/time-clocks.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:57:34 GMT -->
|
|
</html> |