用js写京东秒杀倒计时


html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        div {
            width: 190px;
            height: 260px;
            background: url(./4a15d8883775742e3efbb850ae14def7.png);
        }
 
        h2 {
            color: white;
            text-align: center;
            line-height: 100px;
            height: 100px;
            font-size: 30px;
            margin-bottom: 50px;
        }
 
        p {
            color: white;
        }
 
    span {
            display: inline-block;
            width: 40px;
            height: 40px;
            background-color: black;
            font-size: 30px;
        }
 
        p {
            text-align: center;
       
 
        }
 
   
        strong{
       
            line-height: 40px;
            font-weight: 900;
            font-size: 30px;
        }
        a{
            text-decoration: none;
            font-size: 20px;
            color: white;
            font-weight: 600;
        }
      
    style>
head>
 
<body>
    <div>
        <h2>京东秒杀h2>
        <p><a href="">18:00a>点场 距结束p>
        <p><span class="hour">span>
            <strong>:strong>
             <span class="minute">span>
             <strong>: strong>
             <span class="second">span>p>
 
    div>
    <script>
        const clock = document.querySelector('.countdown.clock')
        const hour = document.querySelector('.hour')
        const minutes = document.querySelector('.minute')
        const second = document.querySelector('.second')
        let inputTime = +new Date('2023-11-18 18:00:00')
        countDown()
        setInterval(countDown, 1000)
 
        function countDown() {
            let nowTime = +new Date()
            let times = (inputTime - nowTime) / 1000
            let h = parseInt(times / 60 / 60 % 24);//时
            h = h < 10 ? '0' + h : h;
            hour.innerHTML = h;
            let m = parseInt(times / 60 % 60);//分
            m = m < 10 ? '0' + m : m;
            minutes.innerHTML = m;
            let s = parseInt(times % 60);//秒
            s = s < 10 ? '0' + s : s;
            second.innerHTML = s;
 
        }
    script>
body>
 
html>

相关阅读:
RHCE8 资料整理（二）
代码随想录刷题记录day36 整数拆分+不同的二叉搜索树
如何解决由触发器导致 MySQL 内存溢出？
高斯过程是什么？从视觉上理解机器学习中的高斯过程——Gaussian Process
face_recognition结合opencv进行多人脸识别
动态规划（二）最长递增子序列
ROS学习笔记04、ROS通信机制进阶—函数与自定义头文件（C++版）
什么是REST API
大数据_数据中台建设与架构
Codeforces Round #832 (Div. 2) C. Swap Game

原文地址：https://blog.csdn.net/m0_56713342/article/details/134470688