Limit phone call link only for specific time

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)

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

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:

Anyway thank you very much Josh :wink:

1 Like

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