countdown timer

ASP.NET MVC C＃Countdownタイマーフルソースコード

「/home/index.cshtml」では、ユーザーが時間、分、2番目に入力してから[スタート]ボタンをクリックすると、入力がHomeコントローラーのPostCountdownTimerアクションに送信されます。アクションでは、時間、分、 DateTime.Nowを追加して終了時間を取得し、この終了時間値をSession["EndTime"]に割り当てます。次に、 TempData["EndTime"] Session["EndTime"]値が「/home/index.cshtml」のスクリプトセクションで使用されるため、 TempData["EndTime"] ]に割り当てられ、tempdata ["endtime"]で時間の期間を計算し、残りの時間を毎秒表示します。

ビデオデモ

https://youtu.be/eifpn4xaoku

特徴

• 時間、分、2番目にカウントダウンする必要があります
• 残り時間を表示します
• 時間が増えるとポップアップを表示します
• 時が来たらオーディオを再生します
• リセットタイマー

スクリーンショット