ENCUENTRA LA PAREJA
Marijomo
Created on March 20, 2021
More creations to inspire you
Transcript
Encuentra la pareja
Veamos cómo andas de memoria visual. Observa bien la posición de estas imágenes musicales y sé el/la primero/a en encontrar todas las parejas.
IMÁGENES MUSICALES
EMPEZAR
ESTOY LISTO/A
Memoriza las posiciones
Flaticon
<div>Iconos diseñados por <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.es/" title="Flaticon">www.flaticon.es</a></div>
¡AHORA SÍ!
Flaticon
Memoriza las posiciones
Has fallado, vuelve a memorizar las imágenes
<div>Iconos diseñados por <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.es/" title="Flaticon">www.flaticon.es</a></div>
?
?
?
?
?
?
Flaticon
¿Dónde está la pareja?
HH:MM:SS
<div>Iconos diseñados por <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.es/" title="Flaticon">www.flaticon.es</a></div>
?
?
?
?
?
¿Dónde está la pareja?
Flaticon
HH:MM:SS
<div>Iconos diseñados por <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.es/" title="Flaticon">www.flaticon.es</a></div>
?
?
?
?
Flaticon
¿Dónde está la pareja?
HH:MM:SS
<div>Iconos diseñados por <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.es/" title="Flaticon">www.flaticon.es</a></div>
?
?
?
¿Dónde está la pareja?
Flaticon
HH:MM:SS
<div>Iconos diseñados por <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.es/" title="Flaticon">www.flaticon.es</a></div>
?
?
¿Dónde está la pareja?
Flaticon
HH:MM:SS
<div>Iconos diseñados por <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.es/" title="Flaticon">www.flaticon.es</a></div>
?
¿Dónde está la pareja?
Flaticon
HH:MM:SS
<div>Iconos diseñados por <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.es/" title="Flaticon">www.flaticon.es</a></div>
¡Enhorabuena!
HH:MM:SS
No es nada fácil pero tú lo has conseguido
Tutiempo
(chrono)
(start)
(re-start)
(stop)
SCRIPT TIEMPO
Estos 3 scripts deben estar en el primer slide en el que deba empezar a correr el tiempo
Este script debe ir agrupado con una caja de texto con este formato:
HH:MM:SS
Este script debe ir suelto dentro del lienzo
Este script debe ir suelto dentro del lienzo
Este script debe ir agrupado con una caja texto con este formato:
Este script debe estar colocado en el último slide, donde deba pararse el tiempo
HH:MM:SS
*Los script son transparentes, al insertarlos en el lienzo solo se "verán" cuando el elemento esté seleccionado
<div style="width:100%; height:100%;" id="CHRONO"></div> <script> function dateHMS(time) { var addZero = function(v) { return v<10 ? '0' + v : v; }; var d = new Date(time); var t = []; t.push(addZero(d.getUTCHours())); t.push(addZero(d.getMinutes())); t.push(addZero(d.getSeconds())); return t.join(':'); } function getParent(name) { var pnode = document.getElementById(name).parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } return (pnode); } function getSibling(name) { var pnode = getParent(name); var divList = pnode.getElementsByTagName('div'); var i; var lastDiv = null; for (i = 0; i < divList.length; i++) { if (divList[i].getAttribute('data-genially-id') != null) { lastDiv = divList[i]; } } if (lastDiv == null) { lastDiv = null; } return lastDiv; } function chrono(){ var debut = sessionStorage.getItem('debut'); if (debut!=null){ var sibling = getSibling('CHRONO'); var suite=new Date().getTime(); var difference=suite-debut; var chrono=dateHMS(difference); sibling.innerHTML=chrono; } } var url = window.location.pathname.split( "/" ); var refgenial= url[1]; if (refgenial!="editor"){ chrono(); document.getElementById('CHRONO').style.display='none'; var myChrono = setInterval(chrono, 1000); } </script>
<div style="width:100%; height:100%;" id="INIT"></div> <script> var url = window.location.pathname.split( "/" ); var refgenial= url[1]; if (refgenial!="editor"){ var debut = sessionStorage.getItem('debut'); if (debut==null){ var debut=new Date() var heure=debut.toLocaleTimeString(); debut=debut.getTime(); sessionStorage.setItem('debut',debut); } document.getElementById('INIT').style.display='none'; } </script>
<div style="width:100%; height:100%;" id="REINIT"></div> <script> var url = window.location.pathname.split( "/" ); var refgenial= url[1]; if (refgenial!="editor"){ var debut=new Date() var heure=debut.toLocaleTimeString(); debut=debut.getTime(); sessionStorage.setItem('debut',debut); document.getElementById('REINIT').style.display='none'; } </script>
<div style="width:100%; height:100%;" id="CHRONO2"></div> <script> function dateHMS(time) { var addZero = function(v) { return v<10 ? '0' + v : v; }; var d = new Date(time); var t = []; t.push(addZero(d.getUTCHours())); t.push(addZero(d.getMinutes())); t.push(addZero(d.getSeconds())); return t.join(':'); } function getParent(name) { var pnode = document.getElementById(name).parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } return (pnode); } function getSibling(name) { var pnode = getParent(name); var divList = pnode.getElementsByTagName('div'); var i; var lastDiv = null; for (i = 0; i < divList.length; i++) { if (divList[i].getAttribute('data-genially-id') != null) { lastDiv = divList[i]; } } if (lastDiv == null) { lastDiv = null; } return lastDiv; } function chrono(){ var debut = sessionStorage.getItem('debut'); if (debut!=null){ var sibling = getSibling('CHRONO2'); var suite=new Date().getTime(); var difference=suite-debut; var chrono=dateHMS(difference); sibling.innerHTML=chrono; } } var url = window.location.pathname.split( "/" ); var refgenial= url[1]; if (refgenial!="editor"){ chrono(); document.getElementById('CHRONO2').style.display='none'; } </script>
Este script es el que hace que la caja de texto se convierta en un crono
Este script es el que hace que el cronómetro inicie la cuenta progresiva
Este script es el que hace que el cronómetro reinicie la cuenta cada vez que estas en el slide donde este se encuentra
Este script es el que hace que el cronómetro reinicie la cuenta cada vez que estas en el slide donde este se encuentra