A continuación se muestra mi función de JavaScript, debe ejecutarse solo una vez. Significa que cuando el usuario visita el sitio web por primera vez, se debe ejecutar el código. Cuando la página se recarga, no necesita ejecutarse. Estoy ejecutando este código en WordPress usando un complemento HTML personalizado.
<script> introJs().setOptions({ steps: [{ intro: "Welcome to our website!" }, { title: 'Introducing New Dark Mode', element: document.querySelector('.menu-main-container'), intro: "Now you can browse in dark mode or dark theme!" }] }).start(); </script>Puede almacenar una clave como didRunIntro en localStorage inicializada como false y ejecutar el script si didRunIntro es false .
if (!localStorage.getItem('didRunIntro')) { //Getting in here only when didRunIntro = false introJs() .setOptions({ steps: [{ intro: 'Welcome to our website!', }, { title: 'Introducing New Dark Mode', element: document.querySelector('.menu-main-container'), intro: 'Now you can browse in dark mode or dark theme!', }, ], }) .start(); //Change the value to true to avoid more runs localStorage.setItem('didRunIntro', true); }Como señaló ivar, las cookies se envían con cada solicitud, por lo que recomendaría utilizar el enfoque localStorage, proporcionado por Or Partush. Dejará la respuesta para completarla.
Puede usar cookies para asegurarse de que su código solo se ejecute una vez.
function isCookieSet () { const cookieValue = document.cookie .split('; ') .find(row => row.startsWith('cookie1')) .split('=')[1]; return cookieValue; } function init() { if(!isCookieSet()) { // execute your code // set cookie document.cookie = 'cookie1=test; expires=Sun, 1 Jan 2023 00:00:00 UTC; path=/' } }Algo como esto, vea también https://developer.mozilla.org/en-US/docs/Web/API/document/cookie#example_2_get_a_sample_cookie_named_test2
También puede escribir una función de ayuda para configurar y obtener cookies fácilmente como se muestra aquí: Establecer cookies y obtener cookies con JavaScript