BrowserInteractionTime lets you track the time a user is active on your webpage while ignoring time spent on a different tab or with a minimized window. It also ignores the time spent while the user is idle on a web page meaning after a certain amount of time (idleTimeoutMs) without any user interactions (scroll, mousemovement etc) the time will stop until the next user interaction.
You can import the generated bundle to use the whole library like this:
import BrowserInteractionTime from 'browser-interaction-time'Additionally, you can import the transpiled modules from dist/lib:
import BrowserInteractionTime from 'browser-interaction-time/dist/lib/'import BrowserInteractionTime from 'browser-interaction-time'
const browserInteractionTime = new BrowserInteractiontime({
timeIntervalEllapsedCallbacks: [],
absoluteTimeEllapsedCallbacks: [],
browserTabInactiveCallbacks: [],
browserTabActiveCallbacks: [],
idleTimeoutMs: 3000,
checkCallbacksIntervalMs: 250
})browserInteractionTime.startTimer()browserInteractionTime.stopTimer()const cb = {
multiplier: time => time * 2,
timeInMilliseconds: 1000,
callback: () => console.log('callback')
}
browserInteractionTime.addTimeIntervalEllapsedCallback(cb)const callbackData = {
timeInMilliseconds: 1000,
callback: () => console.log('callback')
pending: true
}
browserInteractionTime.addAbsoluteTimeEllapsedCallback(callbackData)const callback = () => console.log('some callback')
browserInteractionTime.addBrowserTabInactiveCallback(callback)const callback = () => console.log('some callback')
browserInteractionTime.addBrowserTabActiveCallback(callback)Set a mark on modified timeline (see https://developer.mozilla.org/en-US/docs/Web/API/Performance/mark)
browserInteractionTime.mark('a-mark')
browserInteractionTime.mark('b-mark')Get marks by name (see https://developer.mozilla.org/en-US/docs/Web/API/Performance/mark)
browserInteractionTime.getMarks('a-mark')Set measure time between 2 marks (see https://developer.mozilla.org/en-US/docs/Web/API/Performance/measure)
browserInteractionTime.measure('a-measure', 'a-mark', 'b-mark')browserInteractionTime.getMeasures('a-measure') // Array of measures with namebrowserInteractionTime.getTimeInMilliseconds() // numberbrowserInteractionTime.isRunning() // booleanbrowserInteractionTime.reset()browserInteractionTime.destroy()npm t: Run test suitenpm start: Runnpm run buildin watch modenpm run test:watch: Run test suite in interactive watch modenpm run test:prod: Run linting and generate coveragenpm run build: Generate bundles and typings, create docsnpm run lint: Lints codenpm run commit: Commit using conventional commit style (husky will tell you to use it if you haven't 😉)
Maximilian Heinz @meandmax
❤️ Logo Design by Dominik Straka
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
![greenkeeper[bot] avatar](https://avatars.githubusercontent.com/in/505?v=4 "greenkeeper[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent