用JavaScript做一个网页秒表特效

最新推荐文章于 2021-06-16 15:18:51 发布

Bravo！！！

最新推荐文章于 2021-06-16 15:18:51 发布

阅读量452

点赞数

本文链接：https://blog.csdn.net/weixin_47982238/article/details/107759370

版权

本文介绍了如何使用JavaScript创建一个网页秒表特效，主要关注代码实现，读者可以通过调整样式来定制自己的秒表界面。

摘要由CSDN通过智能技术生成

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <style>
        *{
            font-family: 微软雅黑;
        }
        .clock{
            width: 200px;
            height: 50px;
            background: #000;
            color: #fff;
            font-weight: bold;
            text-align: center;
            line-height: 50px;
            font-size: 30px;
            border-radius: 50px;
        }
    </style>
</head>
<body>
    <div class="clock">
        <span id='sid'>aaa</span>
        <br>
        <button id='bid1'>start</button>
        <button id='bid2'>stop</button>
    </div>
</body>
<script>
function getDate(){
    dobj=new Date();
    hour=dobj.getHours();
    if(hour<10){
        hour='