Online-js

Checking internet connection.

Browser Support

| | | | | | --- | --- | --- | --- | --- | --- | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 8+ ✔ |

Installing

npm i online-js --save
# or
yarn add online-js

Usage

Basic

import Online from 'online-js'

const statusChecker = Online()

const callback = (status) => {
  if (status === true) {
    console.info('Connected!')
  } else {
    console.warn('Disconnected!')
  }
}

statusChecker.onUpdateStatus(callback)

Advanced

// Options with default values
const options = {
  url: 'favicon.ico',  // Link on your site. Cross-domain requests not supported
  delay: 2,            // Delay between checking in seconds
  startOnload: true    // Start checking after page load
}

const statusChecker = Online(options)

// Add listeners
statusChecker.onUpdateStatus(callback1, callback2, callback3...)

// Removing listeners
statusChecker.removeListener(callback)  // Single
statusChecker.removeAllListeners()      // All

// Methods
statusChecker.check(callback)  // Single checking
statusChecker.start()          // Start checking. Don't forget to add a listener
statusChecker.stop()           // Stop checking

Using with Vue.js

import Vue from 'vue'
import Online from 'online-js'

Vue.prototype.$online = Online({
  url: 'imgs/check-connect.jpg'
})

new Vue({
  created() {
    this.$online.onUpdateStatus(status => {
      alert(status ? 'Connected' : 'Disconnected')
    })
  }
})

License

MIT