将倒计时脚本放入图像中

时间:2018-03-29 13:40:35

标签: javascript css countdowntimer

我正在为自己的婚礼创建一个网站,并有一个倒计时脚本到目前为止。我想要做的是找到一些方法将时钟放入心脏图像,如果这是有意义的,以便它可以显示在我的网站上。

我已经尝试了所有的东西,但它似乎并不想拿走,所以任何帮助都会感激不尽。

我正在使用的代码如下所示。

<script>
// Set the date we're counting down to
var countDownDate = new Date("Aug 10, 2018 17:00:25").getTime();

// Update the count down every 1 second
var x = setInterval(function() {

    // Get todays date and time
    var now = new Date().getTime();

    // Find the distance between now an the count down date
    var distance = countDownDate - now;

    // Time calculations for days, hours, minutes and seconds
    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);

    // Output the result in an element with id="demo"
    document.getElementById("demo").innerHTML = days + "d " + hours + "h "
    + minutes + "m " + seconds + "s ";

    // If the count down is over, write some text
    if (distance < 0) {
        clearInterval(x);
        document.getElementById("demo").innerHTML = "EXPIRED";
    }
}, 1000);
</script>

0 个答案:

没有答案