jycoding107 / countdown-timer

Asp.Net MVC C# Countdown Timer

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Asp.Net MVC C# Countdown Timer Full Source Code

In "/Home/Index.cshtml", when users input the hour,minute,second and then click on the Start button, the inputs are submitted to PostCountdownTimer action in Home controller. In the action, we get the end time by adding hour,minute,second to DateTime.Now and assign this end time value to Session["EndTime"]. Then, assign Session["EndTime"] value to TempData["EndTime"] because TempData["EndTime"] value is going to be used in the script section of "/Home/Index.cshtml" to calculate the duration of the time now with the TempData["EndTime"] and display the remaining time every single second.

Video Demo

https://youtu.be/EIfPN4xaoKU

Features

  • Enter Hour, Minute, Second that you need to be counting down from
  • Display remaining time
  • Display popup when times up
  • Play audio when times up
  • Reset Timer

Screenshots

About

Asp.Net MVC C# Countdown Timer


Languages

Language:JavaScript 93.0%Language:HTML 4.5%Language:C# 2.2%Language:CSS 0.2%Language:ASP 0.0%