FlipClock | FlipClock It 's a minimalist page-turning clock | iOS library

The clearInterval() method clears a timer set with the setInterval() method.

The ID value returned by setInterval() is used as the parameter for the clearInterval() method.

Note: To be able to use the clearInterval() method, you must use a variable when creating the interval method:

Here clock variable is not a timer set with setInterval so you can't use clearInterval.

Events callback should help you to do your thing .

The documentation of that rather outdated library seems to no longer exist. However if you look through the source of the library in Github you can see there is a stop() method which can be called on the instance.

To retain a reference to the instance between button clicks you can store it in the data alongside the .clock element, something like this:

vue and vue-template-compiler must have the same version number. This also cost me some nerves once.

activeTab won't work on timer fully automatically because it needs an explicit user action: the user must click your extension icon (or interact via a commands API hotkey, a contextMenus API menu, or an omnibox API keyword, more info in the documentation) to start or set the timer.

Through such user action activeTab will grant access to the current tab so your background script can use chrome.tabs.executeScript to inject the scripts (use one call per each script).

And, remove content_scripts in manifest.json.

Have a look at the JS below and paste it on your side. Let me know if it works.

Ok, here's what worked for me:

JS:

Instead of two arrays for startShow and endShow, take one array as showTime and add object with startShow and endShow value. Also do not format time as it will convert value to string. Instead left it as moment object.

Similarly inside interval: function() get currentTime with var currentTime = moment(moment(new Date()).format('MM/DD/YYYY ') + time); only. Now your condition will be like showTime.some(s => s.startShow <= currentTime && s.endShow >= currentTime) which will return true if currentTime is between any startShow & endShow from any showTime array.

In the above snippet you are showing the count down time. It calculates the remaining time from current date to a given date in days, hours, minutes, and seconds.

See the following example where we are displaying remaining date, time and hour of tomorrow. It is 12:31 PM here and 11 hours 28 minutes remaining to tomorrow.

You forgot to attach the CSS file for the flipclock