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!

      Zoho Campaigns Resources


        • Desk Community Learning Series


        • Digest


        • Functions


        • Meetups


        • Kbase


        • Resources


        • Glossary


        • Desk Marketplace


        • MVP Corner


        • Word of the Day


        • Ask the Experts


          • Sticky Posts

          • Unveiling Zoho Sites 2.0 - A new dimension in website building

            Dear Zoho Sites Users, We are thrilled to announce the launch of Zoho Sites 2.0 today! This refresh represents a significant step forward in the capabilities of Zoho Sites and is crucial for creating a lasting and positive impact on our customers' businesses.
          • 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/
          • Website Accessibility

            I have two sites created in Zoho Sites which are both live. Some questions: 1. Are any of the template themes WCAG 2.1 AA compliant? 2. How do I change the format of a sub-heading in the header section? 3. Is there any way to add focus indication for
          • 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/
          • 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/

          Zoho CRM Plus Resources

            Zoho Books Resources


              Zoho Subscriptions Resources

                Zoho Projects Resources


                  Zoho Sprints Resources


                    Zoho Orchestly Resources


                      Zoho Creator Resources


                        Zoho WorkDrive Resources



                          Zoho CRM Resources

                          • CRM Community Learning Series

                            CRM Community Learning Series


                          • Tips

                            Tips

                          • Functions

                            Functions

                          • Meetups

                            Meetups

                          • Kbase

                            Kbase

                          • Resources

                            Resources

                          • Digest

                            Digest

                          • CRM Marketplace

                            CRM Marketplace

                          • MVP Corner

                            MVP Corner




                            Zoho Writer Writer

                            Get Started. Write Away!

                            Writer is a powerful online word processor, designed for collaborative work.

                              Zoho CRM コンテンツ



                                ご検討中の方