jquery - 每次访问仅运行一次 JQuery 函数

Question

我有一个简单的 JQuery 函数 - 只需在索引页上淡出一个 div:

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

这只是一个启动屏幕，其中包含用户第一次访问该网站时看到的消息。

我想知道是否有人知道如何让每次访问仅显示一次启动消息。 EG:如果用户从“关于我们”页面导航回索引页面，我不希望启动 div 再次出现。

有谁知道实现这一目标的方法吗？

谢谢!

Answer 1

您可以将访问时间存储在localStorage中，然后查看即可。

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;

编辑:我做了一个 fiddle 来演示它:

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

您第一次会看到动画，但第二次不会看到动画，除非您等待一分钟(您可以将其设置为您网站的几个小时)。