A Local Individual For Each Countdown Timer Used on JQuery | Timer.js

The jQuery local individual timer is the timer that starts on the first visit page. History is now remembered by local storage. When complete, the function_result function will be initialized.

Timer.js is a countdown timer that starts automatically when users visit your site for the first time and run continuously in the background until the specified end time is reached.

timer javascript countdown, countdown timer using set interval, countdown timer javascript example, countdown timer using js

How to make use of it:

1. Include the principle script timer.js after loading the newest jQuery library.

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/timer.js"></script>

2. Create a container to hold the countdown timer.

<div class="timer"></div>

3. Initialize the countdown timer and specify the tip time as follows.

// 120 minutes
set_timer($('.timer'), [
  0, // date
  0, // hour
  120, // minute
  0 // second
]);

4. Trigger a perform after the countdown timer has completed.

// 120 minutes
set_timer($('.timer'), [
  0, // date
  0, // hour
  120, // minute
  0 // second
], function(block) {
  // do something
});

Countdown Timer That Starts On The First Visit, jQuery local individual timer Plugin/Github


See Demo And Download

Official Website(Somonator): Click Here

This superior jQuery/javascript plugin is developed by Somonator. For extra Advanced Usages, please go to the official website.

Related Posts

Infinite-Image-Carousel

A Simple Infinite Image Carousel Using Pure Javascript

simple infinite carousel, an extremely small, easy-to-use, and infinitely repetitive circular image slider created with regular JavaScript and CSS. Must Read: Flip Sliding Carousel Gallery Made Of…

vue3-blocks-tree

A Vue3 Block Organization Tree View Component Library

Block tree is a simple organizational hierarchical horizontal or vertical tree view based on Vue3.x. It supports events, slots, horizontal visibility, and node processing. Thanks to hukaibaihu…

image-preview-js

Front-End Image Preview For Mobile-Web Applications | imagePreview

Mobile JS photo preview plug-in supports rotation and zoom (two fingers / double click), and comfort and smoothness is the biggest pursuit. ImagePreview is an iOS-style, mobile-first,…

Fullscreen-Lightbox-Plugin

Simple And Powerful Fullscreen Lightbox Plugin | fslightbox

Fullscreen Lightbox Basic is a modern and handy plug-in for displaying photos and videos in a clean overlay box. Showcase a single source or create a great…

Create-Data-Flows-with-Drag-And-Drop-Flowchart

Create Data Flows with Drag And Drop Flowchart Builder | Drawflow

Flow diagram allows you to create data streams easily and quickly. Install a JavaScript library only and have four lines of code. Draw flow is a JavaScript…

Bootstrap-5-&-Material-Design

[mdb-ui-kit] Latest Bootstrap 5 & Material Design 2.0 UI KIT

Bootstrap Material Design UI KIT – Build responsive mobile projects on the web using the world’s most popular material design front-end component library. This is a pure…