HTML超简计时器

最新推荐文章于 2024-02-29 16:32:05 发布

dashezu4189

最新推荐文章于 2024-02-29 16:32:05 发布

阅读量1.4k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jiry/p/11447290.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="提交" οnclick="oldtime();">
    </div>
</body>
</html>

更新了一下居中显示，感觉看起来会舒服一点。

转载于:https://www.cnblogs.com/jiry/p/11447290.html

dashezu4189

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
HTML超简计时器

工作的时候没找到windows的计时器，于是就用JS自己写了一个。其实，还不如下载一个来得快，但是我都写完了，别人下载复制也很快了，功能一般，偶尔更新，除了计时什么都干不了。计时器页面如下，不允许插入js于是功能暂时不能用，你可以复制代码到自己的文档里。　　　　　　　　请输入定时：小时分钟秒源代码为：<!DOCTYPE html...
复制链接

扫一扫