HTML超简计时器

工作的时候没找到windows的计时器，于是就用JS自己写了一个。

其实，还不如下载一个来得快，但是我都写完了，别人下载复制也很快了，功能一般，偶尔更新，除了计时什么都干不了。

计时器页面如下，不允许插入js于是功能暂时不能用，你可以复制代码到自己的文档里。

请输入定时：小时分钟秒

源代码为：

<!DOCTYPE html>
<html>
<head>
    <title>计时器</title>
    <style type="text/css">
        input{width: 50px;}
    </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>
    请输入定时：
    <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();">
</body>
</html>

猜你喜欢