OlegRij
(Oleg Rijikov)
January 22, 2023, 7:50pm
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 )
OlegRij
(Oleg Rijikov)
January 22, 2023, 8:09pm
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
drtr
(_)
January 22, 2023, 8:16pm
3
Edit: Nice work! beat me to it
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:
If you’re trying to show/hide a div at specific times, you are going to love what we’ve got for you in this article! We’re going to give you the exact code we use on countless clients websites and teach you how to edit it to work with your specific...
Estimated reading time: 2 minutes
And you can check out how to Embed this kind of code into Webflow by checking out these guides:
OlegRij
(Oleg Rijikov)
January 22, 2023, 8:26pm
4
Anyway thank you very much Josh
1 Like
webdev
(Jeff Selser)
January 23, 2023, 6:07pm
5
OlegRij:
Date().getHours()
Just remember that that returns the users local value. Not the sites.