Use a GIF as a page preloader AND only show it once per day

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Demo Example

Reload page Clear my 24 hours cookie

If you don't clear your 1 hour cookie, you won't see another loading animation for 24 hours!

Copy component

Code

<script>
document.addEventListener('DOMContentLoaded', function () {
  	console.log("Hello Finsweet")
  }
})
</script>

Copy TypeScript code

We can not copy-paste TypeScript into Webflow. TypeScript must be compiled to JavaScript. For copy-paste into Webflow, choose JavaScript.

What is TypeScript? 🡭

<script>
document.addEventListener('DOMContentLoaded',
	function () {    
  	const WAIT_TIME = 4500;
  }
})
</script>

Copy JavaScript code

Copy-paste this script into your Webflow project body.