2010-06-18 24 views
0

我有一些複雜的要求,並想知道是否有通過jQuery做到這一點的方式:替換另一個使用效果DIV和設置cookie的

  1. 用戶來到一個網頁爲今天第一次和我們顯示DIV_1。
  2. 30秒後,我們將DIV_1解散到DIV_2。
  3. 我們在用戶的機器上設置了一個cookie,當明天他/她返回時,該cookie會過期。
  4. 如果同一用戶今天返回,我們只顯示DIV_2。
  5. 明天,我們重複這個過程:用戶將看到DIV_1,然後它解散到DIV_2。

你是如何通過jQuery實現的?謝謝。

回答

1

http://plugins.jquery.com/project/Cookie

$(function(){ 
    if(!$.cookie('repeatVisitor')){ 
     $.cookie("repeatVisitor", "true", { expires: 1 }); //expires in 1 day 
     setTimeout('showDivTwo();', 30000);  
    } 
}) 

function showDivTwo(){ 
    $('#divOne').fadeOut(); 
    $('#divTwo').fadeIn(); 
} 
+0

謝謝,德米特里。哇!你讓它看起來很容易:) – Alex 2010-06-18 15:46:40

+0

跟進:如果DIV_2要替換DIV_1,你是否將它的STYLE設置爲display:none?它現在不適合我。 – Alex 2010-06-18 16:09:01

+0

對setTimeout的正確調用是這樣的:setTimeout('showDivTwo()',30000); – Alex 2010-06-18 16:19:28

相關問題