载入中的Introjs

Question

I'm trying to implement an introduction tour for my site and came across Introjs .

All the examples show the tour launching upon button click, but I'm wondering if there's a way to launch the tour once the page loads without a button click. Additionally, is it possible to have it launch only for the first time visiting?

I'm using angularjs to build my site, but am very much a novice . Any suggestions are greatly appreciated!

Answer 1

Call introJs().start() on document ready event.

document.addEventListener("DOMContentLoaded", function() { 
  introJs().start();
});

The example on https://introjs.com/docs/getting-started/start uses the function call introJs().start()

You only have to call the function whether on button click or document ready event.

Coming to the second part of your question, the easiest solution would be to use localStorage .

Something like this, should do the trick.

document.addEventListener("DOMContentLoaded", function() { 

    var hadTour = localStorage.getItem('hadTour');

    if(!hadTour){
            introJs().oncomplete(function() {
            localStorage.setItem('hadTour', true);
            }).onexit(function(){
            localStorage.setItem('hadTour', true);
            }).start();
    }

});