Javascript 自定义Clockdown.js以仅显示分钟和秒

我有这个模板

我真的试着自定义它，使它只显示分钟和秒，但我不能

我错过了什么

我的下一步是添加按钮来设置分钟、暂停和重置倒计时，我该怎么做

提前谢谢

HTML:

JS:

---

只需删除html中的以下两个部分即可：

<div class="clock-item clock-days countdown-time-value col-sm-6 col-md-3" id="days">
        <div class="wrap">
            <div class="inner">
                <div id="canvas-days" class="clock-canvas"></div>
                <div class="text">
                    <p class="val">0</p>
                    <p class="type-days type-time">DAYS</p>
                </div>
                <!-- /.text -->
            </div>
            <!-- /.inner -->
        </div>
        <!-- /.wrap -->
    </div>
    <!-- /.clock-item -->
    <div class="clock-item clock-hours countdown-time-value col-sm-6 col-md-3">
        <div class="wrap">
            <div class="inner">
                <div id="canvas-hours" class="clock-canvas"></div>
                <div class="text">
                    <p class="val">0</p>
                    <p class="type-hours type-time">HOURS</p>
                </div>
                <!-- /.text -->
            </div>
            <!-- /.inner -->
        </div>
        <!-- /.wrap -->
    </div>
    <!-- /.clock-item -->

0
天
0
小时

只需为您不想显示的零件设置类别：

无

div.clock-hours { display:none; }
div.clock-days { display:none; }

在我将id=“hours”添加到hours div之后，这对我来说很有效

#days { display:none }
#hours { display:none }

正如我确信你在提交问题时被指出的那样，请在问题本身中包含相关代码。@Roope类似的东西？我已经这样做了，但是倒计时停止了，不幸的是，在这里尝试倒计时停止计数，如果我在剩下的时间里这样做，也就是说，增加计时器，你将需要获得当前时间，将您的时间添加到其中，正确设置格式，然后使用新时间重新初始化计时器。@IanCampelo将它们推到左侧，然后<代码>.clock days{位置：固定；z-index:-1；左：-800px；}

.clock hours{位置：固定；z-index:-1；左：-800px；}

耶！这种方法有效。但我如何与中心对齐，分与秒？@IanCampelo由于其他两个是隐藏的，你可能可以将它们的宽度减少到1px，并将-1px的边距添加到可见的边距，这会使事情恢复正常。在什么情况下不起作用？我有一个chrome的钟，有分钟和秒

<div class="clock-item clock-days countdown-time-value col-sm-6 col-md-3" id="days">
        <div class="wrap">
            <div class="inner">
                <div id="canvas-days" class="clock-canvas"></div>
                <div class="text">
                    <p class="val">0</p>
                    <p class="type-days type-time">DAYS</p>
                </div>
                <!-- /.text -->
            </div>
            <!-- /.inner -->
        </div>
        <!-- /.wrap -->
    </div>
    <!-- /.clock-item -->
    <div class="clock-item clock-hours countdown-time-value col-sm-6 col-md-3">
        <div class="wrap">
            <div class="inner">
                <div id="canvas-hours" class="clock-canvas"></div>
                <div class="text">
                    <p class="val">0</p>
                    <p class="type-hours type-time">HOURS</p>
                </div>
                <!-- /.text -->
            </div>
            <!-- /.inner -->
        </div>
        <!-- /.wrap -->
    </div>
    <!-- /.clock-item -->

div.clock-hours { display:none; }
div.clock-days { display:none; }

#days { display:none }
#hours { display:none }