Show different text/hide phone number based on time of day?

Hey @Devam, thanks for posting! :)

I do have a non code solution that you could try! Have you thought about adding the phone number to your page via a Sticky bar instead? We have a Scheduling feature as part of our Advanced Targeting for Popups and Sticky bars available for our Accelerate and Concierge customers. You can Start/Stop showing a Sticky bar at a certain time and date:

You can read more about Advanced Targeting here. I hope this helps @Devam! 

Hello everyone, I tried going with the javascript route as the sticky bar idea would make changes to the page that would make the landing pages look bad. So I was able to add the code, but it doesn’t seem to be working, am I making a mistake somewhere?

<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

<script>

  $(document).ready(function(){

    //give the offset of your city

    var offset = -6;



    // create Date object for current location

    var d = new Date();

    // convert to msec

    // subtract local time zone offset

    // get UTC time in msec

    var utc = d.getTime() + (d.getTimezoneOffset() * 60000);



    // create new Date object for different city

    // using supplied offset

    var nd = new Date(utc + (3600000*offset));



    // return time as a string

    // return "The local time for city"+ city +" is "+ nd.toLocaleString() + "and time is "+nd.toLocaleTimeString() + " hour is "+nd.getHours();

  var hour = nd.getHours();



  console.log(hour);

       if (hour >= 17 || hour <= 9) { 

         	$("#lp-pom-box-347").hide();

       } else {

                  	$("#lp-pom-button-453").show();

       }

    });



</script>

Hey @Devam,

Thanks for confirming. I’m happy to see that the script is working for you. Have a great day!

Best,

Olly