Показать сообщение отдельно
  #5 (permalink)  
Старый 16.06.2015, 19:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

cookie через localStorage показать 1 раз
dezytube,
в строке 37 установите время(месяц, год) через которое сообщение снова появится при заходе на сайт ... сейчас строит запрет на 20 секунд.
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="http://tympanus.net/Development/NotificationStyles/css/demo.css">
  <link rel="stylesheet" type="text/css" href="http://tympanus.net/Development/NotificationStyles/css/ns-style-bar.css">
   <link rel="stylesheet" type="text/css" href="http://tympanus.net/Development/NotificationStyles/css/ns-default.css">
 <style type="text/css">
 body{
   background-color: rgb(0, 128, 128);
 }
 </style>
</head>

<body>


<script src="http://tympanus.net/Development/NotificationStyles/js/modernizr.custom.js"></script>
<script src="http://tympanus.net/Development/NotificationStyles/js/classie.js"></script>
<script src="http://tympanus.net/Development/NotificationStyles/js/notificationFx.js"></script>
<script>
(function() {
    function show() {
        var notification = new NotificationFx({
            message: '<span class="icon icon-settings"></span><p>Your preferences have been saved successfully. See all your settings in your <a href="#">profile overview</a>.</p>',
            layout: "bar",
            effect: "exploader",
            ttl: 9E6,
            type: "notice",
            onClose: function() {}
        });
        notification.show()
    }
    var limit = 20 * 1E3; //24 * 3600 * 1000;  24 часа
    var localStorageInitTime = localStorage.getItem("localStorageInitTime");
    if (localStorageInitTime === null) {
        localStorage.setItem("localStorageInitTime", +new Date);
        show()
    } else if (+new Date - localStorageInitTime > limit) {
        localStorage.clear();
        localStorage.setItem("localStorageInitTime", +new Date);
        show()
    }
})();
</script>
</body>
</html>
Ответить с цитированием