How to find out the time spent on the site in JS (with paging)?

Question

JavaScript

Hello. I need to show a popup to a user who spent 1 minute on the site. He can be on one page, or flip through several pages, but the counter must count the time from entering the site (session time).
Couldn't find anything on google. Can this be done without PHP?

Answer 1

if (!sessionStorage.getItem('startTime')) {
  sessionStorage.setItem('startTime', Date.now());
}

const enterTime = sessionStorage.getItem('startTime')

const showPopup = () => {
  let currentTime = Date.now()
  let spentTime = (currentTime - enterTime) / 1000
  if (spentTime >= 60) {
    clearInterval(timer)
    alert(`Вы провели на сайте минут: ${Math.floor(spentTime / 60)}, секунд: ${Math.floor(spentTime % 60)}`)
  }
}

const timer = setInterval(showPopup, 10000)

But this version will only work within a single tab. And as Ronald McDonald said, such things are generally contraindicated, personally, even in the news, crookedly written lazy loads and other bullshit that starts to move content, not to mention windows that like to cram both by timer, and by scroll, and by click, wildly infuriates me to the document.

Answer 2

I need to show a popup to a user who spent 1 minute on the site.

I hate these bastard pop-ups and these filthy chats that come out and fart some sound into my headphones and still draw for a few seconds, not letting me close. Who cares what it says in the pop-up if everyone closes this crap automatically? Damn it, 2k20 is out there, but the fools still shove this feces onto the pages.
On the subject: use cookies, mark the time at which the user entered and check every 10 seconds if the time has exceeded 60 seconds.
Well, on the pop-up you can write: "Goodbye!" to your visitor.

Answer 3

1. Check localStorage, if empty - write the current time.
2. if it's not empty, but the gap is too big, consider that a "new" session has started, update the time in localStorage
3. and compare it with the current one, find out if it's time to show the popup.