利用 JS 脚本实现网页全自动秒杀抢购

倒计时页面：

倒计时未结束时，购买按钮还不能点击。

结束时，可以点击购买，点击后出现提示“付款成功”

展示效果

1.制作测试网页

首先我们来做一个简易的抢购页面

<!DOCTYPE html>

<html lang="zh_CN">

<head>

    <meta charset="UTF-8">

    <title>Apple</title>

    <style type="text/css">

        body {

            background-color: black;

        }

        #hOne{

            color: white;

            font-size: 50px;

            font-family: PingFangSC-Regular, sans-serif;

            line-height: 1px;

            width: 100%;

            text-align: center;

        }

        #hTwo{

            color: #d01f2a;

            font-size: 20px;

            text-align: center;

        }

        #hThree{

            color: white;

            font-size: 30px;

            line-height: 30px;

            font-family: PingFangSC-Regular, sans-serif;

            text-align: center;

        }

        #div1 {

            color: white;

            margin: auto;

        }

        #endTime {

            color: #2997ff;

        }

        img {

            width: 228px;

            height: 366px;

            border: 0px;

        }

    </style>

</head>

<body>

<br /><br />

<h1 id="hOne"> WATCH</h1>

<h2 id="hTwo">S E R I E S  6</h2>

<h3 id="hThree">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;健康的未来，现在戴上。</h3>

<div align="center" id="div1">

    <img src="apple%20watch.jpeg">

    <p id="time">预售倒计时 <span id="endTime"></span> 秒！</p>

    <input type="button" id="btn" value="立即购买" disabled="disabled"><br />

</div>

</body>

</html>

展示一下：

2.倒计时及购买功能的实现

我们使用的是jQuery框架，jQuery 极大地简化了 JavaScript 编程。

<script type="text/javascript" src="script/jquery-1.7.2.js"></script> // 导入jquery

<script type="text/javascript">

        $(function () {

            var timeElement = $("#endTime")[0]; // 获得倒计时dom对象

            var  i = 10;

            function remainTime() {

                if (i > 0) {

                    timeElement.innerHTML = i--;

                    setTimeout(function () {

                        remainTime();

                    }, 1000);

                }

                if (i == 0) {

                    $("#time")[0].innerHTML = "在线选购开始";

                    $("#time").css({color: "#2997ff"});

                    $("#btn")[0].disabled = false; // 倒计时结束，按钮可以点击

                }

            }

            remainTime();

            $("#btn").click(function () { // 点击事件

                alert("我们已收到您的付款，正在处理您的订单");

            });

        });

</script>

3.使用 JS 脚本实现自动抢购功能

（1）在浏览器中打开开发者工具

​

（2）找到按钮元素标签所在位置

（3）JS 抢购脚本
var btnObj = document.getElementById("btn"); // 第二步中可知 id=“btn"

var timer = setInterval(function () {

                if (btnObj.disabled == false) { // 当按钮可以点击时

                    btnObj.click();		//点击

                    clearInterval(timer); // 选购完成后关闭timer，否则将一直购买，土豪随意

                }

            });
（4）在控制台中运行 JS脚本

看懂第三步的代码后，就可以在控制台中运行了

将第三步的代码复制粘贴到控制台中

注意：控制台中Enter为运行， Enter + Shift为换行， 脚本应在倒计时结束前注入

最终结果

可以参考学习，切勿拿来做有违道德，谋取利益的事。

利用 JS 脚本实现网页全自动秒杀抢购的更多相关文章

  1. 利用JS脚本通过getAttribute（）和setAttribute（）等对CSS样式进行操作

    HTML中引入CSS样式的方式有三种: 1.最常用的,引入样式表,在样式表中编写样式,引入方式如下:<link href="css/style.css" rel=" ...

  2. Selenium2+python自动化-使用JS脚本处理网页滚动条

    内容来自:https://www.cnblogs.com/yoyoketang/p/6128655.html JS相关知识:http://www.w3school.com.cn/js/index.as ...

  3. 前端JS脚本将网页表格导出为Excel

    话不多说,上代码! <!DOCTYPE> <html> <head> <title>Excel Test</title> </head ...

  4. 关于写作那些事之利用 js 统计各大博客阅读量

    在日常文章数据统计的过程中,纯手动方式已经难以应付,于是乎,逐步开始了程序介入方式进行统计. 在上一节中,探索利用 csv 文件格式进行文章数据统计,本来以为能够应付一阵子,没想到仅仅一天我就放弃了. ...

  5. 用js脚本一键下载网页所有图片

    年前这两天稍微闲一点了,琢磨了一点js脚本,功能是把当前网页页面上的所有图片一次性保存到本地,免得每次都要对图片右键保存. 测试环境:Chrome开发者模式下(启动Chrome,按F12即可) 测试网 ...

  6. 【转】第5篇：Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告：自动注册JS脚本+委托回调方法分析

    作者: 牛A与牛C之间 时间: 2013-11-19 分类: 技术文章 | 暂无评论 | 编辑文章 主页 » 技术文章 » 第5篇:Xilium CefGlue 关于 CLR Object 与 JS ...

  7. 【转】第6篇：Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告：自动注册JS脚本+自动反射方法分析

    作者: 牛A与牛C之间 时间: 2013-11-21 分类: 技术文章 | 暂无评论 | 编辑文章 主页 » 技术文章 » 第6篇:Xilium CefGlue 关于 CLR Object 与 JS ...

  8. JS一般般的网页重构可以使用Node.js做些什么（转）

    一.非计算机背景前端如何快速了解Node.js? 做前端的应该都听过Node.js,偏开发背景的童鞋应该都玩过. 对于一些没有计算机背景的,工作内容以静态页面呈现为主的前端,可能并未把玩过Node.j ...

  9. 利用Crowbar抓取网页异步加载的内容 [Python俱乐部]

    利用Crowbar抓取网页异步加载的内容 [Python俱乐部] 利用Crowbar抓取网页异步加载的内容 在做 Web 信息提取.数据挖掘的过程中,一个关键步骤就是网页源代码的获取.但是出于各种原因 ...

随机推荐

  1. [BUUOJ记录] [GXYCTF2019]BabySQli

    有点脑洞的题,题目不难,主要考察注入和联合查询的一个小特点 进入题目是一个登录框,看看源代码,在search.php文件中发现了这个 大写的字母和数字很明显是base32,先用base32解码一下,发 ...

  2. 0vscode基本插件

    Bracket Pair Colorizer auto-close-tag Auto Rename Tag Bracket Pair Colorizer Dracula ESLint  Code Sp ...

  3. console线和RJ45

    123 前言 一直以为console口和RJ45是同一种接口,but后来我发现我错了~ RJ45 先介绍一下RJ45吧 什么是RJ45? RJ45是一种接口 我们家用的网线的接口 其实就是RJ45 r ...

  4. （课堂笔记）第三章：F5 LTM 负载均衡理论

    BIG-IP LTM负载均衡理论 ------F5 BIG-IP LTM负载均衡策略---------- 1.1 LTM VS工作模式F5 BIG-IP LTM的内部对于数据包的处理方式,即是VS的工 ...

  5. Azure Storage 系列（五）通过Azure.Cosmos.Table 类库在.Net 上使用 Table Storage

    一,引言 上一篇文章我们在.NET 项目中添加了 “WindowsAzure.Storage” 的 NuGet 包进行操作Table 数据,但是使用的 “WindowsAzure.Storage”  ...

  6. Python中的枚举enumerate

  7. 反序列化之PHP

    反序列化漏洞 #PHP反序列化 原理:未对用户输入的序列化字符串进行检测,导致攻击者可以控制反序列化过程,从而导致代码执行,SQL注入,目录遍历等不可控后果.在反序列化的过程中自动触发了某些魔术方法. ...

  8. Python3 学习笔记之 数据类型

  9. 多图证明，Java到底是值传递还是引用传递？

    开篇先来曝答案,在 Java 语言中,本质只有值传递,而无引用传递,解释和证明详见正文. 说到值传递和引用传递我们不得不提到两个概念:值类型和引用类型. 1.值类型 通俗意义上来说,所谓的值类型指的就 ...

  10. 分别用canvas和css3的transform做出钟表的效果

    两种方式实际上在js上的原理都是一样的.都是获取时间对象,再获取时间对象的时分秒,时分秒乘以其旋转一刻度(一秒.一分.一小时)对应的角度.css3中要赋值于transform:rotate(角度),c ...