Today in this article I am going to show you how to make a time and date countdown system in JQuery. So lets start:
I am using a JQuery plugins name DSCOUNTDOWN that is provided by jquery. You can download the plugins by clicking here.
You can choose any one theme of the plugins provides many styles. I am showing you by flat theme.
index.php
<html> <head> <title>Time Countdown datainflow.com</title> <link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet"> <link rel='stylesheet' href='dscountdown.css' type='text/css'> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="dscountdown.min.js"></script> </head> <body> <center> <p id="mytime" style="display: none;"><?php echo date('M d, Y H:i:s'); ?></p> <div class="demo4"></div> </center> <script> jQuery(document).ready(function($){ var customtime = $('#mytime').html(); $('.demo4').dsCountDown({ endDate: new Date(customtime), theme: 'flat' }); }); </script> </body> </html>
Click Here: To Get Code of Password Strength Validation Using JQuery
Click Here: To Get Code of Email Address Validation Using jQuery
Thanks for visiting our blog. Follow our website because we have more tutorial DataInFlow is a platform, where you can get the text tutorial and video tutorial of a different kind of programming language like PHP, HTML, Javascript, Jquery, CSS3 and get some technology and latest news.
You much like DataInFlow.com because it provides you to ask any kind of programming questions and get the answer in quick time. Also you can answer any others question if you know. If you have any programming question, so Click for ASK Here.