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