Question

我制作了一个包含2个输入字段，下一个按钮和一个提交按钮的游戏。该游戏面向年轻观众（6-8岁），我认为在视觉上解释如何使用游戏中的所有不同功能将是有益的。是否有一种简单的方法可以在窗口打开时正确弹出图像，但仅适用于首次使用的用户？

Answer 1

这是一个很好的cookie用例。您网站的逻辑是：

加载页面时，请检查您的Cookie是否存在
如果cookie存在，请不要显示说明
如果Cookie不存在，请显示说明并创建Cookie

以下是可以适应您网页的示例： http://www.w3schools.com/js/js_cookies.asp

使用以下功能创建和阅读Cookie：

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}

在你的身体标签中加入一个onload功能：

<body onload="checkCookie()">

使用此功能检查cookie是否存在，并选择是否显示说明：

function checkCookie()
{
var return_visitor=getCookie("return_visitor");
if (return_visitor!=null && return_visitor!="")
  {
  // Don't show the instructions
  }
else 
  {
    alert("Instructions: This is how you play!");
    setCookie("return_visitor",1,365);
  }
}

Answer 2

我找到了一种有趣的方法来做类似于我想要的事情。你必须点击一个链接，但它只能说“说明”。

http://designm.ag/previews/jquery-dialog-box/

Javascript首次使用者说明

2 个答案: