Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
AishaC

Coding to Time Delay Section 7.1

Recommended Posts

LeadPages and Samcart have an option where you can make the next section of your webpage show up after X number of minutes. This is helpful if say someone has a video on a page, and at the 8th minute of the video, they want the remaining sections on the page to be visible (like a sales page).

Does anyone know if this can be done in Squarespace? I image some modified coding on the parallax setting might achieve this, but I'm hardly savvy enough to know.

Anybody know?

Share this post


Link to post
3 hours ago, acrumbine said:

@tuanphan  I've seen you answer something similar. Wondering if you have any insight here...

Thanks!

Aisha

You need to use JavaScript to do this.

<script>
$("div").hide();
setTimeout(function(){
	$("div").show();
},3000);
</script>

Line 1 - We select the div with $(“selector”) and hide the div.

Line 2 - SetTimeout is a function which takes two parameters - i)Function to call,ii)Time delay after which we call that function.

Line 3 - Inside the function we again select the div and call show function on it.

Line 4 - We specify the time delay in ms(milliseconds) , so 3s ~ 3000ms.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

@tuanphan Thank you! So if I have a page with two sections, and I want the top section to be visible immediately, and I want the second section to show up in 3 seconds, I'd add this code where exactly? Page Settings > Advanced ? Page Code Injection?

A

 

Share this post


Link to post
29 minutes ago, acrumbine said:

@tuanphan Thank you! So if I have a page with two sections, and I want the top section to be visible immediately, and I want the second section to show up in 3 seconds, I'd add this code where exactly? Page Settings > Advanced ? Page Code Injection?

A

 

Add to Page Header. Replace div with section id.

Try this guide.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...