Info
Einbetten
share
spam
Reloj

Lourdes
Type	Embedded Object
Linked by	Lourdes
Sprache	Sprachunabhängig
Erstellt am	Montag, 06. Oktober 2014, 06:55 Uhr
Aktualisiert am	Dienstag, 17. April 2018, 11:02 Uhr
724 Ansichten
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

Kommentare
Internet: Concepto y Arquitectura

La Segunda República Española

Introducción al Análisis de Circuitos

Módulo 4 de HTML5MOOC

Proyectos electrónicos

Ecuación de primer grado

Búsqueda de Contenidos Libres en Internet

Violencia de género 05

Beuty and Art

II Taller del Método indagativo en XploreHealth

Reloj

Report resource

Reloj

Metadata

Report resource
