原生js实现倒计时

最新推荐文章于 2022-07-04 10:24:20 发布

此鱼非闲鱼也

最新推荐文章于 2022-07-04 10:24:20 发布

阅读量326

点赞数

分类专栏： HTML与CSS 原生js 文章标签： js Date日期对象

本文链接：https://blog.csdn.net/m0_45315697/article/details/119257603

版权

倒计时的实现

倒计时是web开发中常见的组件，请完成second和render两个函数，完成倒计时的显示部分
1、 second函数的输入为整数，返回 { day: Int, hour: Int, min: Int, second: Int }
2、 render函数的输入为second函数的输出，将数据在页面对应的DOM元素上显示出来，格式如html所示
3、如果day为0，隐藏对应的DOM元素，否则显示（请直接使用已经实现的css代码）
4、数值不足两位，前面补充0

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>倒计时实现</title>
</head>
<body>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <script>
        function second(second) { //se

最低0.47元/天解锁文章

此鱼非闲鱼也

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
原生js实现倒计时

倒计时的实现倒计时是web开发中常见的组件，请完成second和render两个函数，完成倒计时的显示部分1、 second函数的输入为整数，返回 { day: Int, hour: Int, min: Int, second: Int }2、 render函数的输入为second函数的输出，将数据在页面对应的DOM元素上显示出来，格式如html所示3、如果day为0，隐藏对应的DOM元素，否则显示（请直接使用已经实现的css代码）4、数值不足两位，前面补充0<!DO
复制链接

扫一扫