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 renders as emphasized text, displaying the text oblique?
<strong> <pre> <em>
<p>Web development courses: <em>CoursesWeb.net</em></p>
Which CSS property defines the space between the element border and its content?
margin padding position
h3 {
  padding: 2px 0.2em;
}
Click on the method which returns the first element that matches a specified group of selectors.
getElementsByName() querySelector() querySelectorAll()
// gets first Div with class="cls", and shows its content
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);
Indicate the PHP variable that contains data from a form sent with method="post".
$_SESSION $_GET $_POST
if(isset($_POST["field"])) {
  echo $_POST["field"];
}
Countdown Timer until specified Date-Time

Last accessed pages

  1. PHP getElementById and getElementsByTagName (29611)
  2. Contact page - CoursesWeb (19293)
  3. Tabs effect with CSS (19996)
  4. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (26230)
  5. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (78985)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (1769)
  2. Tabs effect with CSS (1721)
  3. Contact page - CoursesWeb (1718)
  4. Insert, Select and Update NULL value in MySQL (837)
  5. PHP getElementById and getElementsByTagName (519)