利用 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. 如何自制WC3地形纹理贴图

    http://world-editor-tutorials.thehelper.net/tilesets.php https://wenku.baidu.com/view/e761c953cc1755 ...

  2. Spine学习七 - spine动画资源+ Unity Mecanim动画系统

    前面已经讲过 Spine自己动画状态机的动画融合,但是万一有哥们就是想要使用Unity的动画系统,那有没有办法呢?答案是肯定的,接下来,就说说如何实现: 1. 在project面板找打你导入的Spin ...

  3. Codeforces 1324E Sleeping Schedule DP

    题意 给你一个长度为\(n\)的数组\(a\)和3个数字\(h,l和r\).\(t\)初始为0,每次可以使\(t=(t+a_i) \% h\)或者\(t=(t+a_i-1)\%h\),如果这时\(t\ ...

  4. 笔记 | 第一个量子算法：Deutsch-Jozsa算法，非常好懂！

    <关于胡小兔的博客又诈尸了这件事> 信息物理真是难啊!上节课讲了量子计算的最基础的概念和Deutsch-Jozsa算法,我看了好几天才看懂-- 等考完试估计我就忘了,所以今天先写个博客给未 ...

  5. 小程序开发-页面导航栏navigation-bar组件

    导航栏navigation-bar 页面导航条配置节点,用于指定导航栏的一些属性.只能是 page-meta 组件内的第一个节点,需要配合它一同使用. 通过这个节点可以获得类似于调用 wx.setNa ...

  6. Oracle的timestamp字段更新实验 结论:只有逐条更新才能保证timestamp字段有差别,批量更新只会得到一致的时间,此操作无关时间精度.

    有这么一张表: create table hy_testtime( id number(6,0) not null primary key, name nvarchar2(20) not null, ...

  7. js中数组扁平化处理

    ‍

  8. 用c语言处理文件

    用c语言处理文件只需要用到几个简单的函数: 1.文件的打开和关闭 fopen()函数用来打开一个文件,该函数原型在头文件stdio.h中,调用的一般形式为 /* FILE 是c语言内置的一个结构体类型 ...

  9. LeetCode.518 零钱兑换Ⅱ（记录）

    518题是背包问题的变体,也称完全背包问题. 解法参考了该篇文章,然后对自己困惑的地方进行记录. 下面是该题的描述: 有一个背包,最大容量为 amount,有一系列物品 coins,每个物品的重量为 ...

  10. （专题一）01 matlab基础

    功能区:主页,绘图,应用程序 当前文件夹工具栏 命令行窗口:输入命令,按下回车键,会在后面显示执行后的命令 如果命令行很长可以分两行来写,用“...”做续行符 建立当前文件夹:可以用cd命令 例如在d ...