How to make a basic HTML count-up timer

HTML is only a markup language you can’t make counter with it.

You can use javascript for this. Here’s the code you might be looking for.

2. var countDownDate = localStorage.getItem('startDate'); 
3. if (countDownDate) { 
4. countDownDate = new Date(countDownDate); 
5. } else { 
6. countDownDate = new Date(); 
7. localStorage.setItem('startDate', countDownDate); 
8. } 
9. // Update the count down every 1 second 
10. var x = setInterval(function() { 
11.  
12. // Get todays date and time 
13. var now = new Date().getTime(); 
14.  
15. // Find the distance between now an the count down date 
16. var distance = now - countDownDate.getTime(); 
17.  
18. // Time calculations for days, hours, minutes and seconds 
19. var days = Math.floor(distance / (1000 * 60 * 60 * 24)); 
20. var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 
21. var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 
22. var seconds = Math.floor((distance % (1000 * 60)) / 1000); 
23.  
24. // Output the result in an element with id="demo" 
25. document.getElementById("demo").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s "; 
26. }, 1000); 
27.  

28.