Code
Snippet
/ 

Show a Preloader Only Once Per Day

View 
 
Snippet
*
 ↗
View 
Snippet
 ↗
Show a Preloader Only Once Per Day

Hide a preloader after its been seen once in a 24 hours (1 day) period of time by storing its status in local storage to ensure it works for even users who have cookie blockers enabled.

Be sure to update the ID used in the 'preloaderElement' variable to the ID used on your own element. You can also adjust the amount of time the element should be shown again by changing the milliseconds calculation in the 'waitTime' variable.

Get hired at Show a Preloader Only Once Per Day

We've partnered with startups.gallery to help you find new opportunities at the leading startups in design, development, and AI.

Tags

Load
Hide/Show
Javascript
Cookie

Industries

Creators

Corey Moen

Related items

Load more

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
1.3.24

Similar items

Items
0
Layout
Grid View
Row View
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Aro
Inspo
Website
/ 

Aro

9.5.22
Health & Wellness, Technology, Marketing, Whiteboard
Creator Roadmap
Tools
Template
/ 

Creator Roadmap

$0+
9.4.22
Docs, How To, Workflow, Easlo
Finsweet Attributes Ready JS Method
Code
Snippet
/ 

Finsweet Attributes Ready JS Method

8.31.22
Javascript, API, Load, Finsweet
Attentive Holiday
Inspo
Website
/ 

Attentive Holiday

8.30.22
SAAS, Landing, Prototype, Enterprise, Webflow
Homerun Style System
Inspo
Website
/ 

Homerun Style System

8.30.22
Creative, Brand Guide, Utility, Webflow
Surfer
Inspo
Website
/ 

Surfer

8.30.22
SAAS, Marketing, Webflow
Effect All Siblings on Hover With CSS
Code
Snippet
/ 

Effect All Siblings on Hover With CSS

8.30.22
CSS, Aesthetic, Hide/Show, Set
Fable
Tools
App
/ 

Fable

8.29.22
Motion Design, Animation
Herman Mold + Tooling, Inc.
Inspo
Website
/ 

Herman Mold + Tooling, Inc.

8.28.22
Industrial, Marketing, Webflow, Liv Hunt
Framer
Tools
App
/ 

Framer

8.28.22
Accessibility, CMS, Forms, Hosting, Interactions, Website Builder, Framer Training, CourseOS, Cubo, Streamline Icons, Instaprice, Traf, Godlike, Charles, Ultra, MOD, Dann Petty, Dive, How to add a custom class to an element in Framer, Nocode.gallery, Framer.supply, Zapier Brand, Detail, Vibrant, Framer Tips, Remix Framer, Animator for Framer, Morpher for Framer, Heading for Framer, Particles for Framer, Good Design Tools, Framepad, MessageBird, Copy-Paste SVG Shapes, Framer Daily Drops, VSK, Mars Rejects, Databar, Pimpinella, Before & After Image Slider for Framer, Studio Duo, HyperFramer, Framer Overrides, Framer Form Component, Framestack, Gil Huybrecht, Framerave, FramerAuth, Interfacer, Framer University, Thenty, BuildBetter AI, Navs.Supply, Bajgart Design Office, Off-Grid, Off-Grid, Overrrides, SegmentUI, Form Studio, Oleg Masnyy, FramerForms
Hatch
Tools
Framework
/ 

Hatch

8.28.22
How To, Resource
SystemFlow
Tools
Framework
/ 

SystemFlow

8.28.22
How To, Resource
Building a CMS Quiz in Webflow using WeBlocks
Learn
Video
/ 

Building a CMS Quiz in Webflow using WeBlocks

8.28.22
Extending, Forms, How To, Webflow, WeBlocks
Top 3 tricks for CMS collection lists in Webflow
Learn
Video
/ 

Top 3 tricks for CMS collection lists in Webflow

8.28.22
CMS, Custom Code, How To, Inline Merge and Nest Collection Lists, Webflow, Timothy Ricks
Creating Lottie Files Using Illustrator & After Effects for Webflow
Learn
Video
/ 

Creating Lottie Files Using Illustrator & After Effects for Webflow

8.28.22
Animation, How To, Webflow, Timothy Ricks
Building a Liquid Nav in Webflow
Learn
Video
/ 

Building a Liquid Nav in Webflow

8.28.22
Custom Code, How To, Interactions, Navigation, Webflow
Timothy Ricks JQuery Builder Course
Learn
Course
/ 

Timothy Ricks JQuery Builder Course

8.28.22
Custom Code, How To, Resource, Jquery, Timothy Ricks
Adaptive Page Loader in Webflow
Learn
Video
/ 

Adaptive Page Loader in Webflow

8.28.22
Animation, Custom Code, How To, Webflow
Top 5 CSS Tricks You Must Know for Webflow
Learn
Video
/ 

Top 5 CSS Tricks You Must Know for Webflow

8.28.22
Custom Code, Frontend, How To, CSS, Webflow, Timothy Ricks
Using VS Code and GitHub with Webflow
Learn
Video
/ 

Using VS Code and GitHub with Webflow

8.28.22
Custom Code, How To, Workflow, Webflow, GitHub Copilot, Ben Parker
The Webflow Masterclass - Learn how to build websites in Webflow
Learn
Course
/ 

The Webflow Masterclass - Learn how to build websites in Webflow

$695
8.28.22
Frontend, How To, Resource, Why Webflow, Webflow
Create Award Winning Animation and Interaction Design in Webflow
Learn
Course
/ 

Create Award Winning Animation and Interaction Design in Webflow

$110
8.28.22
Animation, How To, Interactions, Webflow
JQuery Basics Tutorial for Webflow
Learn
Video
/ 

JQuery Basics Tutorial for Webflow

8.28.22
Custom Code, How To, Jquery, Webflow
Let your client add, remove, & rearrange page sections from the Webflow Editor
Learn
Video
/ 

Let your client add, remove, & rearrange page sections from the Webflow Editor

8.28.22
CMS, How To, Webflow, Timothy Ricks
Improve UX Using Cookies in Webflow
Learn
Video
/ 

Improve UX Using Cookies in Webflow

8.28.22
Custom Code, Extending, How To, Setting Cookies, Webflow
Building a basic game in Webflow
Learn
Video
/ 

Building a basic game in Webflow

8.28.22
Gaming, Custom Code, How To, Webflow
Overlapping Page Transitions in Webflow
Learn
Video
/ 

Overlapping Page Transitions in Webflow

8.28.22
Custom Code, How To, Interactions, Navigation, Webflow, Timothy Ricks
Using Airtable to power the data on your Webflow site
Learn
Video
/ 

Using Airtable to power the data on your Webflow site

8.28.22
CMS, Database, Extending, How To, Webflow, Ben Parker
Stacker App + Airtable = Awesome Webflow Team Management
Learn
Video
/ 

Stacker App + Airtable = Awesome Webflow Team Management

8.28.22
How To, Workflow, Webflow, Stacker, Airtable, Ben Parker
Top Five Interactions Designers Struggle to Create in Webflow
Learn
Video
/ 

Top Five Interactions Designers Struggle to Create in Webflow

8.28.22
How To, Interactions, Webflow, Timothy Ricks
Using Matter.js in Webflow
Learn
Video
/ 

Using Matter.js in Webflow

8.28.22
Animation, How To, Interactions, Custom Code, Matter.js, Webflow, Timothy Ricks
How to Webflow like a boss
Learn
Course
/ 

How to Webflow like a boss

$100
8.28.22
Frontend, How To, Interactions, Webflow
Three Tips for Using Custom Code in Webflow
Learn
Video
/ 

Three Tips for Using Custom Code in Webflow

8.28.22
Custom Code, Extending, Resource, Webflow, Timothy Ricks
Will Editor X Replace Webflow?
Learn
Video
/ 

Will Editor X Replace Webflow?

8.28.22
Resource, Why Webflow, Webflow, Editor X, Timothy Ricks
Rowy
Inspo
Website
/ 

Rowy

8.25.22
SAAS, Gallery, Marketing, Webflow
Dock
Inspo
Website
/ 

Dock

8.24.22
IT, Security, Marketing, Webflow
Pipedream
Tools
App
/ 

Pipedream

8.23.22
SAAS, Automation, Backend
Accessibility Checklist
Tools
Utility
/ 

Accessibility Checklist

8.23.22
Accessibility, Custom Code, How To, Javascript, CSS, Webflow
Ori Scanning
Inspo
Website
/ 

Ori Scanning

8.20.22
Dental, Health & Wellness, Landing, Webflow
Life Extension Ventures
Inspo
Website
/ 

Life Extension Ventures

8.18.22
Financial, Marketing, Webflow
NODO x MAX
Inspo
Website
/ 

NODO x MAX

8.18.22
Technology, Film, Landing, Webflow
Word Counter
Inspo
Website
/ 

Word Counter

8.17.22
Technology, Utility, Webflow
Displaay Type Foundry
Tools
Fonts
/ 

Displaay Type Foundry

8.16.22
Creative, Fonts, Gallery
LAZAREV
Inspo
Website
/ 

LAZAREV

8.16.22
Creative, Portfolio, Webflow
Modern Life
Inspo
Website
/ 

Modern Life

8.11.22
Insurance, Marketing, Webflow
Framer Tips
Inspo
Website
/ 
Directory

Framer Tips

8.10.22
Gallery, Extending, Framer, Benjamin den Boer
YouWorkForThem
Tools
Fonts
/ 
Directory

YouWorkForThem

8.10.22
Creative, Fonts, Gallery
NoCodeAPI
Tools
Utility
/ 

NoCodeAPI

8.9.22
No-code, API, Automation, Extending
EXO mini
Inspo
Website
/ 

EXO mini

8.8.22
Technology, Video, Landing, Joseph Berry
Sticky Scroll Feature Section
Tools
Component
/ 

Sticky Scroll Feature Section

8.5.22
Interactions, Scroll, Scrollytelling, Webflow, Corey Moen
Squarespace
Tools
App
/ 

Squarespace

8.3.22
No-code, Website Builder
Untitled UI
Tools
Template
/ 

Untitled UI

$119
8.2.22
Creative, Design System, Figma, Webflow, Jordan Hughes
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.