Create Minutes and Second Clock with HTML and JQuery with automatically time update

create a clock with minute and second for the countdown timer. Clock countdown can create by the plugins but I show you the below code for creating the same.

 

HTML

<div class="watchCallIconTiming"><span id="minTimmer">19</span> : <span id="secTimmer">17</span></div>

jQuery

 

<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
var i = 00; 
var m = 11 ;
setInterval(function(){
i++;
if(i < 61){
if( i < 10){
jQuery('#secTimmer').html('0'+i); 
}else{
jQuery('#secTimmer').html(i); 
}
}else if( i > 61){
i = 00; 
jQuery('#secTimmer').html(i);
} 
},1000);
setInterval(function(){
m++;
if(m < 61){
jQuery('#minTimmer').html(m); 
}else if( m > 61){
m = 11; 
jQuery('#minTimmer').html(m);
} 
},60*1000);
jQuery('#secTimmer').html(i);
jQuery('#minTimmer').html(m);
});

</script>

Leave a Reply

Your email address will not be published. Required fields are marked *