面向首次用户的Javascript说明_Javascript_Image_Popup_Window_Instructions

面向首次用户的Javascript说明

javascript image

面向首次用户的Javascript说明,javascript,image,popup,window,instructions,Javascript,Image,Popup,Window,Instructions,我做了一个游戏，有两个输入字段，一个下一步按钮和一个提交按钮。该游戏面向年轻观众（6-8岁），我认为直观地解释如何使用游戏中的所有不同功能将是有益的。当窗口打开时，是否有一种简单的方法可以让图像弹出，但仅限于首次用户这是一个很好的cookies用例。您网站的逻辑如下：加载页面时，检查cookie是否存在如果cookie存在，则不显示说明如果cookie不存在，请显示说明并创建cookie 以下是一个可适用于您的页面的示例：使用以下功能创建和读取cookie： function s

我做了一个游戏，有两个输入字段，一个下一步按钮和一个提交按钮。该游戏面向年轻观众（6-8岁），我认为直观地解释如何使用游戏中的所有不同功能将是有益的。当窗口打开时，是否有一种简单的方法可以让图像弹出，但仅限于首次用户

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

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

以下是一个可适用于您的页面的示例：

使用以下功能创建和读取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);
    }
  }
}

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

为什么不使用“带水印”的输入框……这样可以，但这是一个加法游戏，其中一个输入框用于输入结转数，但并非所有问题都有一个。我担心这会让他们感到困惑，或者让他们认为他们总是需要加入一个结转。谢谢你的详细回复，我会尝试一下。

<body onload="checkCookie()">

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);
  }
}