前端整点秒杀的实现(JS/DOM/HTML/CSS)

最新推荐文章于 2024-04-09 00:22:17 发布

VIP文章 IlPoppylI

最新推荐文章于 2024-04-09 00:22:17 发布

阅读量993

点赞数 1

文章标签： windows 前端 javascript

本文链接：https://blog.csdn.net/IlPoppylI/article/details/123317720

版权

前端整点秒杀的实现

1.预期效果

在这里插入图片描述

2.代码实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入外部图标【只是页面更好看，和后面执行逻辑无关】 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3225174_brp3w7dbhdt.css">

    <title>Document</title>
    <style>
        * {
   
            margin: 0;
            padding: 0;
        }
        .seckill {
   
            height: 230px;
            width: 190px;
            margin: 100px auto;
            background-color: #e83632;
            padding-top: 31px;
        }
        .seckill .seckill_title {
   
            display: block;
            width: 100%;
            font-size: 30px;
            font-weight: 7