HTML超简计时器

匿名 (未验证) 提交于 2019-12-02 20:32:16

工作的时候没找到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>

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!