Javascript实战——电子钟（时钟、闹钟、计时器、倒计时）

最新推荐文章于 2024-01-21 18:00:00 发布

良月生秋

最新推荐文章于 2024-01-21 18:00:00 发布

阅读量552

点赞数 1

分类专栏：前端 html 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_54866636/article/details/123254553

版权

1.效果图

请添加图片描述

2.源代码

<!DOCTYPE html>

<head>
    <meta charset="utf-8">
    <title>电子钟</title>
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <div id="bigbox">
        <!-- 时钟 -->
        <div id="s1" class="smallbox">
            <h1>北京时间</h1>
            <h1 id="s1_h1_one"></h1>
            <h1 id="s1_h1_tow"></h1>
        </div>

        <!-- 闹钟 -->
        <div id="s2" class="smallbox">
            <h2>闹钟</h2>
            <input type="number" class="val" placeholder="时">
            <input type="number" class="val" placeholder="分">
            <input type="button" id="s2_add" value="添加">
        </div>

        <!-- 计时器 -->
        <div id="s3"

最低0.47元/天解锁文章

良月生秋

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Javascript实战——电子钟（时钟、闹钟、计时器、倒计时）

1.效果图2.源代码<!DOCTYPE html><head> <meta charset="utf-8"> <title>电子钟</title> <link rel="stylesheet" href="index.css"></head><body> <div id="bigbox"> 
复制链接

扫一扫