利用 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. 遇到doxygen生成的chm文档目录如果有中文是乱码？

    原因不在于doxygen,它没有问题,问题出在微软的HTML Help Workshop的hhc.exe不支持utf8.所以要解决这个问题,需要做两个额外的步骤: 1.将html/index.hhp中 ...

  2. 【web系统UI自动化】关于UI自动化的总结

    实施过了web系统的UI自动化,回顾梳理下,想到什么写什么,随时补充. 首先,自动化测试不是手动测试的替代品,是比较好的补充,而且不是占大比重的补充. 70%的测试工作集中在底层接口测试和单元测试,2 ...

  3. Go测试开发(一) 怎么写Go代码

    安装过程略过,网上搜一大把. 介绍 本文会在一个module中开发一个简单的Go package. 同时介绍go tool(也就是go命令行). 以及如何fetch,build和install Go的 ...

  4. CodeForces - 1114D-Flood Fill (区间dp)

    You are given a line of nn colored squares in a row, numbered from 11 to nn from left to right. The  ...

  5. MD5截断比较验证 - 补充

    继上篇MD5截断比较验证文章之后有朋友提示除了数字以外,许多字母数字混合的明文在MD5加密之后也是可以达到同样效果的 同时在De1CTF中Web4题目中遇到了另一种较为特殊的截断比较验证,如图所示: ...

  6. 在Oracle中十分钟内创建一张千万级别的表

    小表不会产生性能问题,大表才会.要练习SQL调优,还非得有大表不可.但数据不会自然产生,没有数据时如何创建一张千万级别的大表呢? 之前,我想用Oracle的批量插入语法去插入数据,此语法如下: INS ...

  7. leetcode刷题-91解码方法

    题目 一条包含字母 A-Z 的消息通过以下方式进行了编码: 'A' -> 1'B' -> 2...'Z' -> 26给定一个只包含数字的非空字符串,请计算解码方法的总数. 示例 1: ...

  8. Fastbin attack——Double Free

    ptmalloc ptmalloc的基本思路是将堆上的内存区域划分为多个chunk,在分配/回收内存时,对chunk进行分割.回收等操作.在32位系统下,chunk头的大小为8 Bytes,且每个ch ...

  9. vue3剖析：响应式原理——effect

    响应式原理 源码目录:https://github.com/vuejs/vue-next/tree/master/packages/reactivity 模块 ref: reactive: compu ...

  10. Readme for Software engineering

    作业任务: 软件工程 软件工程 作业要求 作业要求 作业目标 博客园.github注册 自我介绍 软工5问 自我介绍: 广东工业大学计算机学院18级信息安全二班 广东工业大学AD攻防工作室成员& ...