Want to make interactive content? It’s easy in Genially!

Over 30 million people build interactive content in Genially.

Check out what others have designed:

Transcript

jugar

5

LLEGIR CAPÍTOL 5

  • 2
  • 3
  • oui

La Pau Restaurada

Amb la marxa dels taladors, la Boscana es va assegurar que els danys causats fossin reparats. Va utilitzar els seus poders per restaurar els arbres caiguts i fer créixer noves plantes. Els animals, que havien estat espantats per la presència dels intrusos, van tornar a les seves llars.Els habitants de Les Preses, que havien observat de lluny els fets, van començar a venerar la Boscana com una deessa del bosc. Li oferien flors, fruites i cançons, en senyal d’agraïment pel que havia fet. Però la Boscana, tot i agrair els seus gestos, sempre es mantenia a certa distància, observant i protegint en silenci.Va passar molt de temps abans que qualsevol altra amenaça s’atrevís a apropar-se als boscos de la Garrotxa. Els homes recordaven la lliçó que havien après, i la natura va prosperar en aquell període de pau.

CAPÍTOL 5

(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