Make a button (Start clock) IN JAVASCRIPT

Magnificent Millipede answered on October 5, 2022 Popularity 3/10 Helpfulness 1/10

answer Make a button (Start clock) IN JAVASCRIPT

related Make a button (Start clock) IN JAVASCRIPT

Make a button (Start clock) IN JAVASCRIPT

Comment

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Make Simple Javascript Timer</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

</head>
<body>

  <center>
    <div id="timer">
      <span id="hours">00:</span>
      <span id="mins">00:</span>
      <span id="seconds">00</span>  
    </div>
    <div id="controls">
    <button id="start">Start</button>
    <button id="stop">Stop</button>
    <button id="reset">Reset</button>
    </div>
  </center>
  
  
  <script src="script.js"></script>
</body>
</html>

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: www.codermen.com

Tags: button javascript

Link to this answer
Share Copy Link

Contributed on Oct 05 2022

Magnificent Millipede

0 Answers Avg Quality 2/10

Closely Related Answers

Make a button (Start clock) IN JAVASCRIPT

Comment

var hours =0;
var mins =0;
var seconds =0;

$('#start').click(function(){
      startTimer();
});

$('#stop').click(function(){
      clearTimeout(timex);
});

$('#reset').click(function(){
      hours =0;      mins =0;      seconds =0;
  $('#hours','#mins').html('00:');
  $('#seconds').html('00');
});

function startTimer(){
  timex = setTimeout(function(){
      seconds++;
    if(seconds >59){seconds=0;mins++;
       if(mins>59) {
       mins=0;hours++;
         if(hours <10) {$("#hours").text('0'+hours+':')} else $("#hours").text(hours+':');
        }
                       
    if(mins<10){                     
      $("#mins").text('0'+mins+':');}       
       else $("#mins").text(mins+':');
                   }    
    if(seconds <10) {
      $("#seconds").text('0'+seconds);} else {
      $("#seconds").text(seconds);
      }
     
    
      startTimer();
  },1000);
}

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: www.codermen.com

Tags: button javascript

Link to this answer
Share Copy Link

Contributed on Oct 05 2022

Magnificent Millipede

0 Answers Avg Quality 2/10

Make a button (Start clock) IN JAVASCRIPT

Contents

More Related Answers

Make a button (Start clock) IN JAVASCRIPT

Closely Related Answers

Make a button (Start clock) IN JAVASCRIPT

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.