javascript — загрузка заставки только один раз при запуске в переполнении стека
Я уже создал заставку с помощью опции fadeOut в jquery. Он работает нормально, но проблема в том, что экран загружается каждый раз, когда я нажимаю, чтобы перейти на следующую страницу.
Заставка нужна только при запуске.
Я думаю, что мне нужно использовать сеанс или что-то, но я не могу найти решение.
Я использую следующий скрипт.
$(document).ready(function () {
$("#splashscreen").click(function () {
$("#splashscreen").fadeOut(2000);
});
});
Решение
Это должно работать:
$(document).ready(function () {
if( $.cookie('splashscreen') == null ) { // Here you are checking if cookie is existing if not you are showing a splash screen and set a cookie
$("#splashscreen").fadeIn();
$.cookie("splashscreen", 1, { expires : 10 }); // cookie is valid for 10 days
}
$("#splashscreen").click(function () {
$("#splashscreen").fadeOut(2000);
});
});
Другие решения
Вы можете установить cookie и проверить его при обновлении страницы. Я предлагаю вам использовать библиотеку следующим образом:
Одним из вариантов является обработка этого в PHP, но вы также можете использовать локальное хранилище в JS.
Вот связанная тема: Как установить переменную сессии в jquery?
Да, вы можете использовать сеанс для этого. в первой строке вашего кода добавьте <?php session_start();
Теперь, позже в вашем коде, вы можете сделать:
if(!$_SESSION['splash'])
{
$_SESSION['splash'] = true;
//echo your splash code here
}