【地图配置】初始化三个不同的交互式世界地图

2024-07-03 12:34:03 +08:00
parent 6356721e47
commit 5468d64e64
6 changed files with 7264 additions and 0 deletions
@@ -0,0 +1,46 @@
+function getTimeRemaining(endtime) {
+    const total = Date.parse(endtime) - Date.parse(new Date());
+    const seconds = Math.floor((total / 1000) % 60);
+    const minutes = Math.floor((total / 1000 / 60) % 60);
+    const hours = Math.floor((total / (1000 * 60 * 60)) % 24);
+    const days = Math.floor(total / (1000 * 60 * 60 * 24));
+  
+    return {
+      total,
+      days,
+      hours,
+      minutes,
+      seconds
+    };
+  }
+  
+  function initializeClock(elem, endtime) {
+    const clock =  document.querySelector(elem)
+    const daysSpan = clock.querySelector('[data-days]')
+    const hoursSpan = clock.querySelector('[data-hours]')
+    const minutesSpan = clock.querySelector('[data-minutes]')
+    const secondsSpan = clock.querySelector('[data-seconds]')
+  
+    function updateClock() {
+        const t = getTimeRemaining(endtime)
+  
+        daysSpan.innerHTML = t.days
+        hoursSpan.innerHTML = ('0' + t.hours).slice(-2)
+        minutesSpan.innerHTML = ('0' + t.minutes).slice(-2)
+        secondsSpan.innerHTML = ('0' + t.seconds).slice(-2)
+        
+        if (t.total <= 0) {
+            clearInterval(timeinterval)
+        }
+    }
+  
+    updateClock()
+    const timeinterval = setInterval(updateClock, 1000)
+  }
+  
+  let time = document.querySelector('.countdown').getAttribute('data-date')
+  if (time == undefined) {
+    time = Date.parse(new Date()) + 15 * 24 * 60 * 60 * 1000
+  }
+  const deadline = new Date(time)
+  initializeClock('.countdown', deadline)