Info
embedden
delen
spam
Reloj

Lourdes
Type	Embedded Object
Linked by	Lourdes
Taal	Taalonafhankelijk
Gecreëerd op	06 oktober 2014 06:55
Geüpdatet op	17 april 2018 11:02
Meer tonen
724 meningen
You can use this code to insert this resource in the excursion creator tool or in other website:
<!DOCTYPE html> <html>  <head>     <title>JavaScript SVG Animation</title>   <style>   #reloj { 	height: 90%; 	width: 90%; 	margin-left: 5%; }   body, html { 	height: 100%; 	width: 100%; 	margin: 0px; 	padding: 0px; 	background-color: #CCC; }   </style>    <script>       function init()     {       timer = setInterval(doAnim, 1000);         }       function doAnim()     {         var d = new Date();       var h = (d.getHours()*30)+(d.getMinutes()/2);         var m = d.getMinutes()*6;       var s = d.getSeconds()*6; 	  hora.setAttribute("transform", "rotate(" +h+ " 281 282)");  	  minutos.setAttribute("transform", "rotate(" +m+ " 281 282)");  	  segundos.setAttribute("transform", "rotate(" +s+ " 281 282)");      }   </script>   </head>  <body onload="init(); doAnim();">  <svg  id="reloj"  version="1.1"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 	 width="564.14px" height="563.445px" viewBox="0 0 564.14 563.445" enable-background="new 0 0 564.14 563.445" 	 xml:space="preserve"> <ellipse fill="#FFFFFF" cx="281.694" cy="282.536" rx="275.011" ry="274"/> <path fill="#DBDBDB" d="M12.607,224.783C87.569,259.588,178.706,280,277,280c102.267,0,196.787-22.095,273.402-59.507 	C521.351,99.183,412.214,9,282,9C150.254,9,40.086,101.314,12.607,224.783z"/> <g> 	<rect x="271.204" y="13.531" width="21.428" height="60.204"/> 	<rect x="390.769" y="45.838" transform="matrix(-0.866 -0.5 0.5 -0.866 711.209 342.4473)" width="21.43" height="60.203"/> 	<rect x="458.802" y="153.005" transform="matrix(0.866 -0.5 0.5 0.866 -16.3572 266.3926)" width="60.203" height="21.428"/> 	<rect x="490.591" y="272.714" width="60.203" height="21.428"/> 	<rect x="458.288" y="392.303" transform="matrix(0.866 0.5 -0.5 0.866 266.9606 -190.2086)" width="60.203" height="21.428"/> 	<rect x="370.494" y="479.697" transform="matrix(0.5 0.866 -0.866 0.5 624.9868 -101.7283)" width="60.203" height="21.43"/> 	<rect x="270.184" y="492.101" width="21.429" height="60.205"/> 	<rect x="150.607" y="459.802" transform="matrix(0.866 0.5 -0.5 0.866 266.5775 -15.0232)" width="21.429" height="60.205"/> 	<rect x="43.819" y="391.394" transform="matrix(-0.866 0.5 -0.5 -0.866 338.9927 713.3819)" width="60.203" height="21.428"/> 	<rect x="12.02" y="271.694" width="60.204" height="21.429"/> 	<rect x="44.328" y="152.111" transform="matrix(-0.866 -0.5 0.5 -0.866 57.473 341.0497)" width="60.203" height="21.428"/> 	<rect x="132.099" y="64.725" transform="matrix(0.5 0.866 -0.866 0.5 146.4301 -102.7503)" width="60.205" height="21.429"/> 	<rect x="307.303" y="15.084" transform="matrix(0.9945 0.1045 -0.1045 0.9945 4.6175 -32.1076)" width="3.062" height="25.889"/> 	<rect x="333.783" y="19.283" transform="matrix(0.9782 0.2077 -0.2077 0.9782 14.0083 -68.9492)" width="3.063" height="25.89"/> 	<rect x="359.709" y="26.237" transform="matrix(0.951 0.309 -0.309 0.951 29.7924 -109.7205)" width="3.062" height="25.89"/> 	<rect x="384.767" y="35.844" transform="matrix(-0.9134 -0.407 0.407 -0.9134 719.3047 250.5638)" width="3.062" height="25.889"/> 	<rect x="431.181" y="62.68" transform="matrix(0.8092 0.5875 -0.5875 0.8092 126.9724 -239.7835)" width="3.063" height="25.889"/> 	 		<rect x="452.022" y="79.521" transform="matrix(-0.7431 -0.6691 0.6691 -0.7431 728.7319 464.6719)" width="3.062" height="25.89"/> 	<rect x="459.574" y="109.928" transform="matrix(0.7432 -0.6691 0.6691 0.7432 46.7722 344.7757)" width="25.891" height="3.062"/> 	<rect x="476.48" y="130.818" transform="matrix(0.809 -0.5878 0.5878 0.809 15.6854 312.9695)" width="25.89" height="3.062"/> 	 		<rect x="503.249" y="177.185" transform="matrix(0.9136 -0.4067 0.4067 0.9136 -28.0652 225.3813)" width="25.892" height="3.062"/> 	<rect x="512.863" y="202.249" transform="matrix(0.9511 -0.309 0.309 0.9511 -37.236 172.444)" width="25.892" height="3.063"/> 	 		<rect x="519.793" y="228.181" transform="matrix(0.9782 -0.2079 0.2079 0.9782 -36.1165 115.7731)" width="25.892" height="3.063"/> 	<rect x="524.034" y="254.703" transform="matrix(0.9945 -0.1045 0.1045 0.9945 -23.8355 57.5147)" width="25.892" height="3.063"/> 	<rect x="524.05" y="308.269" transform="matrix(0.9945 0.1046 -0.1046 0.9945 35.3633 -54.4872)" width="25.89" height="3.064"/> 	<rect x="519.822" y="334.831" transform="matrix(0.9781 0.2079 -0.2079 0.9781 81.5757 -103.4179)" width="25.89" height="3.063"/> 	<rect x="512.909" y="360.713" transform="matrix(0.951 0.3091 -0.3091 0.951 137.7401 -144.817)" width="25.891" height="3.062"/> 	<rect x="503.286" y="385.763" transform="matrix(0.9135 0.4068 -0.4068 0.9135 202.224 -176.5241)" width="25.89" height="3.062"/> 	<polygon points="478.025,427.337 498.97,442.556 500.767,440.076 479.822,424.857 	"/> 	<polygon points="461.863,447.037 481.103,464.361 483.15,462.083 463.91,444.759 	"/> 	<polygon points="443.732,464.939 461.056,484.179 463.33,482.128 446.005,462.888 	"/> 	<polygon points="423.828,480.847 439.046,501.794 441.521,499.992 426.302,479.044 	"/> 	<polygon points="379.593,506.011 390.125,529.664 392.921,528.416 382.388,504.763 	"/> 	<polygon points="355.748,514.992 363.748,539.615 366.66,538.666 358.658,514.041 	"/> 	<polygon points="331.095,521.429 336.476,546.755 339.472,546.115 334.087,520.789 	"/> 	<polygon points="305.904,525.253 308.609,551.003 311.654,550.681 308.947,524.929 	"/> 	<polygon points="252.306,550.679 255.353,550.998 258.059,525.246 255.014,524.931 	"/> 	<polygon points="224.488,546.109 227.485,546.744 232.868,521.416 229.873,520.785 	"/> 	<polygon points="197.301,538.656 200.215,539.599 208.216,514.974 205.303,514.033 	"/> 	<polygon points="171.042,528.402 173.841,529.646 184.373,505.99 181.574,504.751 	"/> 	<polygon points="137.664,479.025 122.444,499.97 124.924,501.767 140.144,480.82 	"/> 	<polygon points="100.639,482.105 102.917,484.15 120.243,464.908 117.964,462.865 	"/> 	<polygon points="100.062,444.732 80.82,462.056 82.873,464.33 102.115,447.003 	"/> 	<polygon points="84.153,424.83 63.206,440.046 65.009,442.521 85.957,427.302 	"/> 	<polygon points="58.988,380.595 35.335,391.125 36.584,393.921 60.239,383.388 	"/> 	<polygon points="50.008,356.75 25.385,364.748 26.334,367.66 50.96,359.658 	"/> 	<polygon points="43.57,332.095 18.246,337.476 18.886,340.472 44.213,335.087 	"/> 	<polygon points="39.745,306.904 13.996,309.609 14.32,312.654 40.071,309.947 	"/> 	<polygon points="40.069,256.014 14.321,253.306 14.004,256.353 39.755,259.058 	"/> 	<polygon points="44.215,230.873 18.891,225.489 18.257,228.485 43.585,233.868 	"/> 	<polygon points="50.966,206.303 26.344,198.301 25.4,201.215 50.027,209.216 	"/> 	<polygon points="60.249,182.574 36.598,172.042 35.355,174.841 59.01,185.372 	"/> 	<polygon points="85.975,138.664 65.03,123.445 63.232,125.924 84.181,141.143 	"/> 	<polygon points="102.136,118.964 82.896,101.639 80.849,103.917 100.093,121.243 	"/> 	<polygon points="100.67,83.873 117.998,103.114 120.268,101.062 102.944,81.821 	"/> 	<polygon points="140.172,85.152 124.954,64.207 122.478,66.009 137.699,86.957 	"/> 	<polygon points="184.406,59.988 173.875,36.336 171.079,37.584 181.612,61.239 	"/> 	<polygon points="197.34,27.334 205.343,51.96 208.251,51.009 200.251,26.385 	"/> 	<polygon points="224.528,19.886 229.913,45.213 232.905,44.571 227.523,19.246 	"/> 	<polygon points="252.346,15.32 255.054,41.071 258.097,40.745 255.391,14.997 	"/> </g> <rect id="minutos" x="271.204" y="51.96" width="21.428" height="310.245"/> <rect id="hora" x="271.926" y="141.143" width="21.429" height="221.062"/> <path id="segundos" fill="#AE2A22" d="M293.353,101.849c0-6.398-5.186-11.585-11.584-11.585c-6.398,0-11.585,5.187-11.585,11.585 	c0,6.104,4.725,11.095,10.715,11.542v248.813h1.742V113.391C288.63,112.944,293.353,107.954,293.353,101.849z"/> <circle fill="#AE2A22" cx="281.693" cy="282.536" r="5.356"/> </svg> </body>  </html>
Report resource

Opmerkingen
Reloj JAVASCRIPT

Módulo 5 de HTML5MOOC

Tema 2.1: Javascript , tipos y valores

Banksy, the british graffiti artist (English Listening)

La Netiqueta y sus Reglas

Little Shade - Lots of Shade

Reciclaje 09

3 The electronic dice: Building the electronic dice

BIFI - RRLAB Pendulum

6 The electronic dice: Reading the colour coding

Reloj

Report resource

Reloj

Metadata

Report resource
