Skip to content

hakikz/jquery-countdown-timer-with-ajax-codeigniter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

jquery-countdown-timer-with-ajax-codeigniter.

A programmable jQuery countdown timer with Ajax CodeIgniter.

1. To install the database file you will get a folder called "database"

2. Inside the zip file- follow this path "application/config/database.php" change the database name as you create in your phpmyadmin

3. Please before run it go to "application/config/config.php" and change it like following one-

$config['base_url'] = 'http://localhost/jquery-countdown-timer-with-ajax-codeigniter';

//Whatever your folder name is will need to add here after localhost/YourFolderName

//Here my folder name is "jquery-countdown-timer-with-ajax-codeigniter" inside htdocs folder

Description

The goal was to make a programmable Countdown Timer with CodeIgniter, CSS and Javascript.

This countdown timer will show 4 attributes Day, Hour, Minute and Seconds. User able to input date using calendar and set the timer.

The following attributes can be customizable from a timer editing panel

Countdown values (Day, Hour, Minute, Second)

  • Clock font size
  • Clock background color
  • Clock label font size
  • Clock label font color

Here is an image it may help you to understand better

alt text

This the countdown timer without settings option

alt text

Contributor

License

License under the MIT License.