Passing js value to php without redirecting and running a js function when a page is unloaded or refreshed

Asked Dec 27 '19 at 16:32

Active Jan 18 '20 at 15:29

Viewed 38 times

I am trying to calculate how much time a web page is being viewed by a user. But I am facing two problems.

Using window.location.href I am able to pass my calculated time to my PHP page and update my DB for that page. But this is also redirecting to me that PHP page which I don't want. I want to go backwards or refresh the page or do anything else but also passing the calculated time in my DB when I unload the current page without redirecting.
Click The function showElapsedTime is calculating the value of elapsed time, but the js func is only running when Click button is pressed. I want to run this function whenever I unload the current page or refresh the page

Code:

<body onload="startTimer()" >
<button onclick="showElapsedTime()>Click</button>
</body>

    <script>
        var id;
        var start;
        var end;
        function startTimer() {
            start = window.performance.now();
            console.log(start);
        }
        function showElapsedTime() {
            end = window.performance.now();
            console.log(end - start);
            var seconds = (end - start) / 1000;
            window.location.href="timer.php?second=" + seconds.toFixed(2) + "&id=" + id;
        }
    </script>

If anyone can give me complete solutions to my issues it will be very much helpful.

edited Dec 27 '19 at 18:56

Kamran

asked Dec 27 '19 at 16:32

Blackcoder

1

Use AJAX to send to PHP without reloading. – Barmar Dec 27 '19 at 16:33
You can use a handler for `unload` to run code when the page is unloaded. – Barmar Dec 27 '19 at 16:34
Looks like a small homebrew of google analytics. Why not use a pre-existing analytics tool? – Taplar Dec 27 '19 at 16:34
i don't know how to use ajax. I have tried some examples but still failed. Can you give me a proper ajax solution for my code? – Blackcoder Dec 27 '19 at 16:35
@Barmar also don't know how to use handler for unload – Blackcoder Dec 27 '19 at 16:36
`window.addEventListener("unload", function() { ... })` – Barmar Dec 27 '19 at 16:37
@Barmar am i supposed to write the showElapsedTime function inside eventlistener? – Blackcoder Dec 27 '19 at 16:41
That's what I'm suggesting. – Barmar Dec 27 '19 at 18:55

Passing js value to php without redirecting and running a js function when a page is unloaded or refreshed

0 Answers0