2013-02-11 16 views
1

我製作了一個有2個輸入欄,下一個按鈕和一個提交按鈕的遊戲。該遊戲面向年輕的觀衆(6-8歲),我認爲這將有益於直觀地解釋如何使用遊戲中的所有不同功能。有沒有一種簡單的方法可以在窗口打開時彈出一個圖像,但僅適用於第一次使用的用戶?Javascript說明書第一次使用的用戶

+0

爲什麼不使用「水印」輸入框.... – 2013-02-11 00:46:14

+0

這樣做是可以的,但它是一個加法遊戲和輸入框之一是結轉數,但不是所有的問題都有一個。我很擔心這會讓他們感到困惑,或者讓他們認爲他們總是需要交易。 – Jen 2013-02-11 00:53:23

回答

0

這是一個很棒的cookies使用案例。您的網站的邏輯是這樣的:

  • 當你的頁面加載,檢查如果cookie存在你的cookie存在
  • ,不顯示指示
  • 如果cookie不存在,節目該說明和創建cookie

以下是可以適用於你的頁面的例子: http://www.w3schools.com/js/js_cookies.asp

使用跟隨着

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功能:用於創建和讀取Cookie的G功能

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

感謝您的詳細回覆,我會給您一個答案。 – Jen 2013-02-15 18:21:57