MVC界面JS簡單實現打卡功能

--新建一個MVC控制器,添加視圖

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/ModelView.cshtml";
}

<h2>打卡</h2>
<div id="s">        --定義一個DIV,給一個id
</div>
<input id="Button1" type="button" value="簽到" onclick="line()" />   --按鈕點擊事件
<script>
    var r = setInterval(function () {
        Show();
    },1000)     --時間間隔(1秒=1000毫秒,一秒鐘執行一次)
    function Show() {
        document.getElementById("s").innerHTML = new Date().toLocaleString();   //獲取當前時間，動態顯示

    }
    
    function line() {
        var a = new Date().toLocaleString();
        var d = '09:00:00';      ----定義一個變量,賦值打卡最晚時間
        --系統當前時間>定義時間    遲到 ,相反  打卡成功
        if (a > d) {
            alert('您遲到了!');
        }
        else {
            alert('打卡成功!');
        }

    }
</script>