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

我有一个简单的JQuery函数-只是在索引页面上淡入一个div：

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

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

我想知道是否有人知道每次访问仅显示一次启动消息的方法。 EG：如果用户从说说页面导航回到索引页面，我不希望启动div再次出现。

有人知道实现此目标的方法吗？

谢谢！

最佳答案

您可以将访问时间存储在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;

编辑：我做了一个小提琴演示：

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

您将第一次看到该动画，而第二次则没有，除非您等待一分钟（可以将其设置为您的站点几个小时）。

关于jquery - 每次访问仅运行一次JQuery函数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10979562/