Question

I have a simple JQuery function – just fadeouts a div on the index page:

$('#startup').delay(1500).fadeOut(2000);

This is just a startup screen with a message the user sees when they first come to the site.

I was wondering if anyone knew a way to have the startup message display only once per visit. EG: if the user navigates back to the index page from say the aboutus page I do not want the startup div to appear again.

Does anyone know of a way to achieve this?

Thanks!

Answer 1

You can store the time of the visit in localStorage and just check it.

var now = (new Date()).getTime();
var lastTime = 0;
var lastTimeStr = localStorage['lastTime'];
if (lastTimeStr) lastTime = parseInt(lastTimeStr, 10);
if (now - lastTime > 24*60*60*1000) {
     // do animation
} 
localStorage['lastTime'] = ""+now;

EDIT : I made a fiddle demonstrating it :

http://jsfiddle.net/dystroy/jAjLB/

You’ll see the animation the first time, but not the second one, except if you wait for one minute (you could set it to a few hours for your site).