我正在嘗試顯示即將推出的網(wǎng)頁的倒數(shù)計(jì)時(shí)器。一切正常，除了用java腳本編寫的計(jì)時(shí)器。我也嘗試過將其設(shè)置為外部文件。當(dāng)設(shè)置為外部文件時(shí)，它也會(huì)讀取文件，但計(jì)時(shí)器不會(huì)顯示在頁面上。這是我的刀片文件<!doctype html><html><head><meta charset="UTF-8"><title> Coming Soon</title><link rel="stylesheet" type="text/css" href="{{asset('css/style.css')}}"><link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@1&family=Montserrat&family=Open+Sans+Condensed:wght@300&family=Playfair+Display&display=swap" rel="stylesheet"></head><body><header> <div class="soon"> <p> We will be back with beautiful website</p> <h1>COMING SOON</h1> <hr> <p id="launch"></p></header><script>var date = new Date("Jan 1, 2020 00:00:00").getTime(); var countdownfunction = setInterval(function() { var today = new Date().getTime(); var distance = date - today; 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); document.getElementById("demo").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s "; if (distance < 0) { clearInterval(countdownfunction); document.getElementById("demo").innerHTML = "EXPIRED"; } }, 1000);</script> </body></html>這是 css*{ margin: 0; padding: 0;}header { background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('/images/comingsoon.jpg'); height: 100vh; background-position: center; background-size: cover;}.soon { top: 50%; left: 50%; position: absolute; transform:translate(-50%,-50%); color: #fff; text-align: center; font-family: 'Balsamiq Sans', cursive;font-family: 'Montserrat', sans-serif;font-family: 'Open Sans Condensed', sans-serif;font-family: 'Playfair Display', serif;}h1 { font-size: 60px; letter-spacing: 15px;}hr{ width: 50%; margin: 30px auto; border: 1.5px solid #fff;}
倒數(shù)計(jì)時(shí)器在創(chuàng)建即將推出的頁面時(shí)不起作用
紫衣仙女
2022-09-29 10:46:29
