countdown timer

ASP.NET MVC C# 카운트 다운 타이머 전체 소스 코드

"/home/index.cshtml"에서, 사용자가 시간, 분, 두 번째를 입력 한 다음 시작 버튼을 클릭하면 입력이 Home 컨트롤러의 PostCountdownTimer 조치에 제출됩니다. 행동에서, 우리는 시간, 분, 둘째, DateTime.Now 를 추가하여 종료 시간을 얻고이 종료 시간 값을 Session["EndTime"] . 그런 다음 tempdata Session["EndTime"] 값이 "/home/index.cshtml"의 스크립트 섹션에서 TempData["EndTime"] TempData["EndTime"] 의 스크립트 섹션에서 사용되기 때문에 세션 [ "endtime"] 값을 tempdata [ "endtime"]에 할당하고, TempData [ "endtime"]와 함께 시간의 지속 시간을 계산합니다.

비디오 데모

https://youtu.be/eifpn4xaoku

특징

• 시간, 분, 두 번째로 입력해야합니다.
• 남은 시간을 표시합니다
• 시간이 올 때 팝업을 표시하십시오
• 시간이 지남에 따라 오디오를 재생하십시오
• 타이머를 재설정하십시오

스크린 샷