Show popup and reset timer on refresh

Question

I am showing a popup for users that are not logged in. I do this using javascript and PHP.

<?php

if ( ( is_single() || is_front_page() || is_page() ) 
       && !is_page('login') && !is_page('register') && !is_user_logged_in()){

    echo'<div class="overlay-bg">
</div>
<div class="overlay-content popup3">
    <h1>You must login or Register to view this site. do_shortcode("[sp_login_shortcode]");</h1>
</div>';
} 

?>

Javascript code as below

$(document).ready(function(){

    // function to show our popups
    function showPopup(whichpopup){
        var docHeight = $(document).height(); //grab the height of the page
        var scrollTop = $(window).scrollTop(); //grab the px value from the top of the page to where you're scrolling
        $('.overlay-bg').show().css({'height' : docHeight}); //display your popup background and set height to the page height
        $('.popup'+whichpopup).show().css({'top': scrollTop+20+'px'}); //show the appropriate popup and set the content 20px from the window top
    }

    // function to close our popups
    function closePopup(){
        $('.overlay-bg, .overlay-content').hide(); //hide the overlay
    }

    // timer if we want to show a popup after a few seconds.
    //get rid of this if you don't want a popup to show up automatically
    setTimeout(function() {
        // Show popup3 after 2 seconds
        showPopup(3);
    }, 4000);


});

I want to show the popup after 5 minutes for the first time for a visitor when he visits the site. But when the same visitor refresh the page or come again in future I want to show the popup instantly rather after 5 minutes.

How can I achieve that in the above code please. Please help.

Thanks

`cookies` will going to help you. – Ashwini Agarwal Oct 28 '15 at 08:12 — Ashwini Agarwal, Oct 28 '15 at 08:12

score 1 · Accepted Answer · answered Oct 30 '15 at 10:50

I got the answer from my self with the help of my friend .The cookie should set like below

<?php
setcookie("visited",true);

if(!empty($_COOKIE['visited']) && $_COOKIE['visited'] == true)
 $popup_time = 0;
 else
 $popup_time = 60000; 
?>

Here $popup_time variable is set to the function javascript code like below

setTimeout(function() {
        // Show popup3 after 2 seconds
        showPopup(3);
    }, <?php echo $popup_time?>);

And that's it :) . I am frustrated that no one given me a right way here.

Anyway thanks

score 0 · Answer 2 · answered Oct 28 '15 at 08:18

0

Here the idea on how can you achieve this.

user open the page
check if a cookie is_first_time is set

2a. if not set show the popup after 5 minutes and set the is_first_time cookie
2b. if already set show the popup instantly

answered Oct 28 '15 at 08:18

Ashwini Agarwal

4,828
2
42
59

Can you please give me the exact code please. I do have little idea about cookie. How to set the cookie and where to set it plz – Md. Amanur Rahman Oct 28 '15 at 09:23
How do I create and read a value from cookie? http://stackoverflow.com/q/4825683/1288198 – Ashwini Agarwal Oct 28 '15 at 09:25
as I said I am not that expert in java or php. Can you let me know how to modify my php or java code ? and give me the correct code plz here – Md. Amanur Rahman Oct 28 '15 at 09:31
Actually I know the idea that you said but don't know the exact way how to implement it in my code – Md. Amanur Rahman Oct 28 '15 at 09:37

Show popup and reset timer on refresh

2 Answers2

Linked