优化JavaScript倒计时

Question

我对JavaScript不是很熟悉，但我需要设置一个倒计时来分别显示天，小时，分钟和秒。我找到了以下JS代码，但是，我不确定这段代码是否是最优的。如果可能的话，请你推荐我更好的解决方案吗？

<script>
        // Set countdown
        var cddate = new Date("May 31, 2019 16:55:00").getTime();
        var x = setInterval(function() {
            var now = new Date().getTime();
            var distance = cddate - now;

            // Store vars (Hours + 1 to set GTM+1 time)
            document.getElementById("d").innerHTML = Math.floor(distance / (86400000));
            document.getElementById("h").innerHTML = Math.floor((distance % (86400000)) / (3600000)) + 1;
            document.getElementById("m").innerHTML = Math.floor((distance % (3600000)) / (60000));
            document.getElementById("s").innerHTML = Math.floor((distance % (60000)) / 1000);
        }, 1000);
</script>

我想将JS中的各个变量显示为：<p id="x"></p>

先感谢您！

Answer 1

你在这里问了两个问题。

第一个问题：您已经在使用更好的解决方案。

第二个问题：我想你要求你的倒计时显示在一个p标签中。如果我是对的，请尝试使用此代码。

var cddate = new Date("May 31, 2019 16:55:00").getTime();
        var x = setInterval(function() {
            var now = new Date().getTime();
            var distance = cddate - now;
            var count = Math.floor(distance / (86400000)) + ' ' + (Math.floor((distance % (86400000)) / (3600000)) + 1) + ':' + Math.floor((distance % (3600000)) / (60000)) + ':' + Math.floor((distance % (60000)) / 1000);
            document.getElementById("xid").innerHTML = count;
        }, 1000);

<p id="xid"></p>