原生js倒计时

最新推荐文章于 2024-03-01 16:15:09 发布

黄嘉豪！

最新推荐文章于 2024-03-01 16:15:09 发布

阅读量226

点赞数 2

分类专栏：前端，javascript js javascript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46170413/article/details/105190388

版权

本文介绍如何使用原生JavaScript编写一个既可作为倒计时又能切换为时钟管理器的代码。通过展示代码、效果图及HTML/CSS结构，作者提供了简单易懂的使用说明，如Canvas('#canvas', 3600)可创建3600秒的倒计时，不传第二个参数则变为时间管理器。" 123226177,11715609,Python打造个性二维码：动态、图片背景全攻略,"['Python开发', '二维码生成', '图像处理', '动态图像', '微信']

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

用原生js写一个炫酷的倒计时，还可以切换成时钟管理器，直接看代码

效果图

html和css

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
        <style>
        *{
    
            margin: 0;
            padding: 0;
        }
        #canvas{
    
            display: block;
            margin: 0 auto;
            height: 100%;
        }
        html,body{
    
            height: 100%;
        }
    </style>

</head>
<body>
        <canvas id="canvas"></canvas>
</body>
</html>

javascript

digit =
    [
        [
            [0,0,1,1,1,0,0],
            [0,1,1,0,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,0,1,1,0],
            [0,0,1,1,1,0,0]
        ],//0
        [
            [0,0,0,1,1,0,0],
            [0,1,1,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [1,1,1,1,1,1,1]
        ],//1
        [
            [0,1,1,1,1,1,0],
            [1,1,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,0],
            [0,0,1,1,0,0,0],
            [0,1,1,0,0,0,0],
            [1,1,0,0,0,0,0],
            [1,1,0,0,0,1,1],
            [1,1,1,1,1,1,1]
        ],//2
        [
            [1,1,1,1,1,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,0],
            [0,0,1,1,1,0,0],
            [0,0,0,0,1<