HTML超簡計時器


工作的時候沒找到windows的計時器,於是就用JS自己寫了一個。

其實,還不如下載一個來得快,但是我都寫完了,別人下載復制也很快了,功能一般,偶爾更新,除了計時什么都干不了 。

計時器頁面如下,不允許插入js於是功能暫時不能用,你可以復制代碼到自己的文檔里。

    

    請輸入定時: 小時 分鍾

 

 

源代碼為:

<!DOCTYPE html>
<html>
<head>
    <title>計時器</title>
    <style type="text/css">
        input{width: 50px;}
        div{
            width: 500px;height: 100px;
            margin: 100px auto;
        }
    </style>
    <script type="text/javascript">
        function oldtime(argument) {
            var oldTime1=new Date();
            var H=oldTime1.getHours();
            var M=oldTime1.getMinutes();
            var S=oldTime1.getSeconds();
            var Shour=document.getElementById('hour').value;
            var Smin=document.getElementById('min').value;
            var Ssec=document.getElementById('sec').value;
            var time=(Shour*60*60+Smin*60+Ssec)*1000;
            function tishi() {
                alert("定時已經到啦,你設定的定時時間為"+Shour+"小時"+Smin+"分鍾"+Ssec+"秒,定時開始的時間為"+H+":"+M+":"+S);
            }
            setTimeout(tishi,time);
            
        }
    </script>
</head>
<body>
    <div>
        請輸入定時:
        <input type="num" name=""  placeholder="0" id="hour">小時
        <input type="num" name=""  placeholder="0" id="min">分鍾
        <input type="num" name=""  placeholder="0" id="sec"><input type="submit" name="" value="提交" onclick="oldtime();">
    </div>
</body>
</html>

 

更新了一下居中顯示,感覺看起來會舒服一點。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM