利用 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. 【转】LeakCanary

    LeakCanary:检测所有的内存泄漏 http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0509/2854.html 原文: L ...

  2. Unity透明地形

    http://answers.unity3d.com/questions/1162779/unity-5-transparent-terrain-shader.html http://answers. ...

  3. python笔记-dumps()与loads()的使用

    json.dumps是将一个Python数据类型列表进行json格式的编码解析, 示例如下: >>> import json #导入python 中的json模块 >>& ...

  4. POJ-1001-Exponentiation（高精度大数）

    Problems involving the computation of exact values of very large magnitude and precision are common. ...

  5. observeParents的使用

    observeParents参数 是布尔类型  默认false 在tab切换选项中有轮播图,切换后轮播图就不播了,并且显示也出现了问题,就可以使用observeParents 用法为 <scri ...

  6. Zookeeper原生客户端

    1.1.1.1. 客户端基本操作 package cn.enjoy.javaapi; import org.apache.zookeeper.*; import java.io.IOException ...

  7. Java实现获取命令行中的指定数据

    构造一个ping的命令类这个类中可以设置需要ping的目标域名类提供方法public void exec();方法执行完毕后可以读取ping的次数,ping的成功回应包个数ping的丢包个数,ping ...

  8. pytest测试框架 -- assert断言和fixture固件

    一.断言 (1)使用assert语句进行断言 # test_run.py @pytest.mark.assert def test_assert(self): r = requests.get(&qu ...

  9. Docker学习笔记，从原理到实践

    什么是docker Docker是使用go语言基于LINUX内核的cgroup,namespace以及AUFS 类的 Union FS 等技术,对进程进行封装隔离的一种操作系统层面的虚拟化技术,由于隔 ...

  10. Linux 【Shell脚本经典案例】

    Shell 简介 hell是linux的一外壳,它包在linux内核的外面,为用户和内核之间的交互提供了一个接口 当用户下达指令给操作系统的时候,实际上是把指令告诉shell,经过shell解释,处理 ...