Limit phone call link only for specific time

Design help Custom code
#1

Hello pro’s! Is there any way to limit phone link for specific hours and allow costumers to call only in specific time like 9:00 - 18:00 and block that link for else hours? or maybe hide / show the link?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

#2

Nevermind i found a solution so if someone need here is a script

var currentHour = new Date().getHours();
var currentDay = new Date().getDay();
switch (currentDay) {
    case 0: //Sunday
        if (currentHour >= 9 && currentHour < 18) {
            document.getElementById("tel-btn-phone").style.display = "block";
        } else {
            document.getElementById("tel-btn-phone").style.display = "none";
        }
        break;
    case 1: //Monday
        if (currentHour >= 9 && currentHour < 18) {
            document.getElementById("tel-btn-phone").style.display = "block";
        } else {
            document.getElementById("tel-btn-phone").style.display = "none";
        }
        break;
    case 2: //Tuesday
        if (currentHour >= 9 && currentHour < 18) {
            document.getElementById("tel-btn-phone").style.display = "block";
        } else {
            document.getElementById("tel-btn-phone").style.display = "none";
        }
        break;
    case 3: //Wednesday
        if (currentHour >= 9 && currentHour < 18) {
            document.getElementById("tel-btn-phone").style.display = "block";
        } else {
            document.getElementById("tel-btn-phone").style.display = "none";
        }
        break;
    case 4: //Thursday
        if (currentHour >= 9 && currentHour < 18) {
            document.getElementById("tel-btn-phone").style.display = "block";
        } else {
            document.getElementById("tel-btn-phone").style.display = "none";
        }
        break;
    case 5: //Friday
        if (currentHour >= 9 && currentHour < 18) {
            document.getElementById("tel-btn-phone").style.display = "block";
        } else {
            document.getElementById("tel-btn-phone").style.display = "none";
        }
        break;
    case 6: //Saturday
        if (currentHour >= 9 && currentHour < 18) {
            document.getElementById("tel-btn-phone").style.display = "block";
        } else {
            document.getElementById("tel-btn-phone").style.display = "none";
        }
        break;
}
1 Like
#3

Edit: Nice work! :sweat_smile: beat me to it :wink:

Hey Oleg!

This would definitely be possible with some custom Javascript/JQuery.

Here is a very basic example I found on Codepen: Home Show/Hide a Div based on Date and Time - Codepen

Otherwise, there’s a more advanced implementation that you can check out below that has a corresponding video tutorial:

And you can check out how to Embed this kind of code into Webflow by checking out these guides:

#4

Anyway thank you very much Josh :wink:

1 Like
#5

Just remember that that returns the users local value. Not the sites.