Jump to content

Count down customization

Recommended Posts

Hi!

Please could someone help me with this count down on my page , the code i have is configured for 30 minutes and i only need this timer for 10 minutes, below i copy the code i am already using

image.png.7fe0d6551afd3690230f2bed5dc39460.png

HTML

<center>
  <h2 id="timer"></h2>
</center>

<script>
  var countDownDate = new
Date("Apr 6, 2023 11:00:00").getTime();var x = setInterval(function() {var now = new
Date().getTime();var distance = countDownDate - now;var minutes = Math.floor((distance % (1000 * 60 *
60)) / (1000 * 60));var seconds = Math.floor((distance % (1000 * 60)) /
1000);document.getElementById("timer").innerHTML = minutes + "m " + seconds + "s ";if (distance < 0)
{clearInterval(x);document.getElementById("timer").innerHTML = "Tu tiempo ha terminado";} }, 1000); </script>

and the other question is, it's possible to edit the design of the count down in order to be something like this? 10 minutes

image.png.3982b04aba5ac2658ccf25c1d2ef9ca5.png

thank you so much, i hope you can help me.

Link to comment
  • Replies 0
  • Views 235
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.