Saltar al contenido

ejemplo de código de cronómetro javascript w3schools

Posterior a de esta prolongada compilación de información dimos con la solución esta problema que pueden tener muchos los usuarios. Te dejamos la respuesta y deseamos que sea de gran ayuda.

Ejemplo 1: tiempo de recuento de JavaScript

// The getTime() method returns the number of milliseconds since midnight of January 1, 1970.


var start = new Date().getTime();

for (i = 0; i < 50000; ++i) 
// do something


var end = new Date().getTime();
var time = end - start;
alert('Execution time: ' + time);

Ejemplo 2: temporizador html

DOCTYPEHTML><html><head><metaname="viewport"content="width=device-width, initial-scale=1"><style>ptext-align: center;font-size:60px;margin-top:0px;style>head><body><pid="demo">p><script>// Set the date we're counting down tovar countDownDate =newDate("Jan 5, 2021 15:37:25").getTime();// Update the count down every 1 secondvar x =setInterval(function()// Get today's date and timevar now =newDate().getTime();// Find the distance between now and the count down datevar distance = countDownDate - now;// Time calculations for days, hours, minutes and secondsvar days =Math.floor(distance /(1000*60*60*24));var hours =Math.floor((distance %(1000*60*60*24))/(1000*60*60));var minutes =Math.floor((distance %(1000*60*60))/(1000*60));var seconds =Math.floor((distance %(1000*60))/1000);// Output the result in an element with id="demo"document.getElementById("demo").innerHTML= days +"d "+ hours +"h "+ minutes +"m "+ seconds +"s ";// If the count down is over, write some text if(distance <0)clearInterval(x);document.getElementById("demo").innerHTML="EXPIRED";,1000);script>body>html>

Ejemplo 3: cronómetro con javascript

var x;
var startstop = 0;

function startStop()  /* Toggle StartStop */

  startstop = startstop + 1;

  if (startstop === 1) 
    start();
    document.getElementById("start").innerHTML = "Stop";
   else if (startstop === 2) 
    document.getElementById("start").innerHTML = "Start";
    startstop = 0;
    stop();
  




function start() 
  x = setInterval(timer, 10);
 /* Start */

function stop() 
  clearInterval(x);
 /* Stop */

var milisec = 0;
var sec = 0; /* holds incrementing value */
var min = 0;
var hour = 0;

/* Contains and outputs returned value of  function checkTime */

var miliSecOut = 0;
var secOut = 0;
var minOut = 0;
var hourOut = 0;

/* Output variable End */


function timer() 
  /* Main Timer */


  miliSecOut = checkTime(milisec);
  secOut = checkTime(sec);
  minOut = checkTime(min);
  hourOut = checkTime(hour);

  milisec = ++milisec;

  if (milisec === 100) 
    milisec = 0;
    sec = ++sec;
  

  if (sec == 60) 
    min = ++min;
    sec = 0;
  

  if (min == 60) 
    min = 0;
    hour = ++hour;

  


  document.getElementById("milisec").innerHTML = miliSecOut;
  document.getElementById("sec").innerHTML = secOut;
  document.getElementById("min").innerHTML = minOut;
  document.getElementById("hour").innerHTML = hourOut;




/* Adds 0 when value is <10 */


function checkTime(i) 
  if (i < 10) 
    i = "0" + i;
  
  return i;


function reset() 


  /*Reset*/

  milisec = 0;
  sec = 0;
  min = 0
  hour = 0;

  document.getElementById("milisec").innerHTML = "00";
  document.getElementById("sec").innerHTML = "00";
  document.getElementById("min").innerHTML = "00";
  document.getElementById("hour").innerHTML = "00";

Ejemplo 4: cronómetro con javascript

<h1><spanid="hour">00span> :
  <spanid="min">00span> :
  <spanid="sec">00span> :
  <spanid="milisec">00span>h1><buttononclick="startStop()"id="start">Startbutton><buttononclick="reset()">Resetbutton>

Reseñas y valoraciones

Si sostienes alguna sospecha o disposición de reformar nuestro noticia te mencionamos añadir una aclaración y con placer lo ojearemos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *