Render JS Script on specific location

Render JS Script on specific location

Hi,

I'm trying to add a countdown timer with this JS script :

  1. <script>
  2. // Set the date we're counting down to
  3. var countDownDate = new Date("Mar 31, 2024 00:00:00").getTime();

  4. // Update the count down every 1 second
  5. var x = setInterval(function() {

  6.   // Get today's date and time
  7.   var now = new Date().getTime();
  8.     
  9.   // Find the distance between now and the count down date
  10.   var distance = countDownDate - now;
  11.     
  12.   // Time calculations for days, hours, minutes and seconds
  13.   var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  14.   var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  15.   var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  16.   var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  17.     
  18.   // Output the result in an element with id="demo"
  19.   document.getElementById("CountdownTimer").innerHTML = days + "d " + hours + "h "
  20.   + minutes + "m " + seconds + "s ";
  21.     
  22.   // If the count down is over, write some text 
  23.   if (distance < 0) {
  24.     clearInterval(x);
  25.     document.getElementById("CountdownTimer").innerHTML = "EXPIRED";
  26.   }
  27. }, 1000);
  28. </script>

Then I add it as a snippet.
However I just can't find a way to render it on the published website? I would need to assign the specific ID CountdownTimer to a paragraph, just no idea how to do it?
Anyhelp? Or other way of doing it (not embedding 3rd party service that are all the time paying)
Thanks!

      • Sticky Posts

      • Visual Editor Webinar

        Join our FREE live webinar to learn how to use the Zoho Sites Visual Editor to easily design your website. Our product specialist will demonstrate how this tool will help you customize your website to suit your requirements.  Register here: https://www.zoho.com/sites/webinars/
      • SEO for your Zoho Sites Website

        Join our live webinar to learn how to use Zoho Sites' SEO tools to boost your website's ranking. Our product specialist will demonstrate everything you need to know about optimizing your web pages to make them search engine friendly. Register here for free: https://www.zoho.com/sites/webinars/
      • Zoho Sites Webinar | Integrations

        Join our FREE live webinar to learn how to integrate both Zoho and third-party products with your Zoho Sites website. Our product expert will demonstrate how to use these integrations to grow, manage, and retain the customers you bring in. Learn how to take your business forward and build stunningly robust and efficient websites. Register here: https://www.zoho.com/sites/webinars/
      • Social Media Webinar | Zoho Sites

        Join our FREE live webinar to learn how to integrate your social media channels with your Zoho Sites website. Our product expert will demonstrate how to use the built-in social media tools to connect with your visitors and increase your brand's online visibility. Register here: https://www.zoho.com/sites/webinars/
      • Advanced Visual Editor

        Customize various aspects of your website with our Advanced Visual Editor. This tool enables you to change the properties of elements throughout your website. Previously, modifications could only be made to elements individually using its associated tool box. Now, when modifying an element, the changes will be applied where ever that element is used throughout your website.   ​ Check out our Help Document and Blog to learn more.