The script presented in this page is a JavaScript Countdown Timer that can start a countdown to a time defined in forms.
It can take a given time for the end of a countdown from form inputs that define the year, month, day, hour, minute and second.
The object can also take the end time from static HTML page elements with identifiers that start with a given prefix.
The object can start the countdown and keep updating page elements that show the remaining time to the end.
When the Countdown Timer reaches to 0, it is executed a certain function defined in script. In that function you can add a code to be executed when countdown timer reaches to 0.
It can be added multiple countdowns for diferent date-times in the same page. More details you can find in the "readme.html" file in the archive with this script.

• To Download this script, click: Countdown Timer until specified Date-Time.

- Example Countdown Timer until a specified Date-Time from form.
Years: 0
Months: 0
Days: 0
Hours: 0
Minutes: 0
Seconds: 0

Until: ...



- Example Countdown Timer until a specified Date-Time defined in page:
Years: 0
Months: 0
Days: 0
Hours: 0
Minutes: 0
Seconds: 0

Until: 12/31/2018 - 18:33:00

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag is used to add lists into <ul> and <ol> elements?
<dt> <dd> <li>
<ul>
 <li>http://coursesweb.net/html/</li>
 <li>http://coursesweb.net/css/</li>
</ul>
Which value of the "display" property creates a block box for the content and ads a bullet marker?
block list-item inline-block
.some_class {
  display: list-item;
}
Which instruction converts a JavaScript object into a JSON string.
JSON.parse() JSON.stringify eval()
var obj = {
 "courses": ["php", "javascript", "ajax"]
};
var jsonstr = JSON.stringify(obj);
alert(jsonstr);    // {"courses":["php","javascript","ajax"]}
Indicate the PHP class used to work with HTML and XML content in PHP.
stdClass PDO DOMDocument
$strhtml = '<body><div id="dv1">CoursesWeb.net</div></body>';
$dochtml = new DOMDocument();
$dochtml->loadHTML($strhtml);
$elm = $dochtml->getElementById("dv1");
echo $elm->nodeValue;    // CoursesWeb.net
Countdown Timer until specified Date-Time

Last accessed pages

  1. JavaScript strip_tags and stripslashes (4409)
  2. Add Pause in JavaScript script (12803)
  3. PHP Unzipper - Extract Zip, Rar Archives (4634)
  4. Get data from string with JSON object (1816)
  5. SHA1 Encrypt data in JavaScript (15207)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (2061)
  2. Contact page - CoursesWeb (2000)
  3. Tabs effect with CSS (1999)
  4. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (640)
  5. Insert, Select and Update NULL value in MySQL (513)