How to show alert when internet connection is gone in html

Question

Which function in html can I use to make it ... That when I open website and become offline so it show alert that "You are offline please turn on internet connection to run website."

Possible duplicate of [Detect the Internet connection is offline?](https://stackoverflow.com/questions/189430/detect-the-internet-connection-is-offline) — Anthony L, Feb 20 '18 at 04:57

score 3 · Answer 1 · answered Feb 20 '18 at 05:02

3

You can use window offline event

window.addEventListener('offline', function(event){
    alert("You are offline please turn on internet connection to run website");
});

answered Feb 20 '18 at 05:02

Vineesh

3,762
20
37

score 2 · Accepted Answer · answered Feb 20 '18 at 05:04

2

Try this.

var online = navigator.onLine;
         if (online == false) 
            {
                    alert("Sorry, we currently do not have Internet access.");
                    location.reload(); 
            }

answered Feb 20 '18 at 05:04

Arsalan Akhtar

395
2
15

but how you will watch `online` variable – brk Feb 20 '18 at 05:06

How to show alert when internet connection is gone in html

2 Answers2