秒杀活动页面

<!DOCTYPE HTML>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

        <title>

            Micomo

        </title>

    </head>

    <body>

        <div>

            <p>

                活动倒计时<strong id="endtime"></strong>秒！

            </p>

            <input type="button" id="btn" value="立即购买" disabled="disabled" onClick="func()"/>

        </div>

        <script src="/js/jquery-2.1.1.min.js"></script>

        <script type="text/javascript">

            //倒计时30秒

            var i = 30;

            function remainTime() {

                if (i > 0) {

                    document.getElementById("endtime").innerHTML = i--;

                    setTimeout("remainTime()", 1000);

                }

                if (i == 0) {

                    $("p").text("活动开始");

                    $("p").css("background-color", "yellow");

                    //倒计时结束，按钮状态改为可用

                    document.getElementById("btn").disabled = false;

                }

            }

            remainTime();

            //点击按钮触发的方法

            function func() {

                alert("恭喜你抢到一个月饼");

            }

        </script>

    </body>

</html>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43

页面预览 
 

脚本 js

代码

<script type="text/javascript">

    var button = document.getElementById("btn");

    //每秒执行一次，若按钮状态为可用，进行点击

    setInterval(function() {

        if (button.disabled == false) {

            button.click();

        }

    },

    1000);

</script>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。

如何放到浏览器

浏览器打开活动页面，按F12进入调试模式，找到Console控制台，将上面js脚本标签内的代码粘贴进去（不要首尾标签），点击回车即可，一定要在活动结束前放进去。 

结果预览 

修改setInterval(function(){},millisec)中的millisec（毫秒为单位），可以控制点击频率。

  • 这只是个简单的js代码，没有实现验证码自动验证。

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

  • 个人博客，仅用来做些笔记，不保证内容正确性，若发现错误，恳请纠正。

2016/11/10 补充

百度浏览器积分兑换

打开如下页面，按F12，将代码放到console下，回车。 


代码段

    //选取data-id为6的<a>标签

    var button = $("a[data-id='6']");

    //每秒执行一次，若按钮状态为可用，进行点击

    var fuc = setInterval(function() {

            //如果出现刷新验证码的按钮，则表明已抢到

            if($(".refresh-btn").length > 0){

                  window.clearInterval(fuc);

                  //桌面通知，只有chrome，firefox浏览器支持桌面API

                  Notification.requestPermission(function(status) {

                        var n = new Notification('通知消息', { body: '爱奇艺会员兑换码！' });

                    });

            } else {

                  button.click();

            }

    },1000);//一秒一次点击

js 秒杀的更多相关文章

  1. js 发送短信倒计时、秒杀倒计时实现代码

    <!doctype html> <html> <head> <meta charset="utf-8"> <meta name ...

  2. 如何用node.js中的ejs写入页面_以6.19京东秒杀的商品为例

    用erpress搭建好基本框架后,在自己新建的express文件夹下将会生成;bin,public,routes,views,app.js,package.json,node_modules目录哟!, ...

  3. JS实战（京东秒杀）

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

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

    利用 JS 脚本实现网页全自动秒杀抢购 倒计时页面: 倒计时未结束时,购买按钮还不能点击. 结束时,可以点击购买,点击后出现提示"付款成功" 展示效果 1.制作测试网页 首先我们来 ...

  5. 通用js函数集锦<来源于网络/自己> 【一】

    通用js函数集锦<来源于网络/自己>[一] 1.返回一个全地址2.cookie3.验证用户浏览器是否是微信浏览器4.验证用户浏览器是否是微博内置浏览器5.query string6.验证用 ...

  6. js树形控件—zTree使用总结

    0 zTree简介 树形控件的使用是应用开发过程中必不可少的.zTree 是一个依靠 jQuery 实现的多功能 “树插件”.优异的性能.灵活的配置.多种功能的组合是 zTree 最大优点. 0.0 ...

  7. 国内外前端(js)开发框架对比

    国内外前端开发框架对比 首先我们先对目前国内外主流前端开发框架做一个基本的了解,之后再对他们进行一个直观的对比. Bootstrap Bootstrap(http://www.bootcss.com) ...

  8. js倒计时，显示NaN天NaN时NaN分（或显示天时分）

    最近在开发跨平台的应用,在做秒杀功能时,倒计时出现了问题.默认在Chrome浏览器中运行,倒计时没出现问题.而在IE浏览器,火狐浏览器,safari浏览器上运行时,则显示NaN天NaN时NaN分(或显 ...

  9. SSM框架学习之高并发秒杀业务--笔记5-- 并发优化

    前几节终于实现了这个高并发秒杀业务,现在问题是如何优化这个业务使其能扛住一定程度的并发量. 一. 优化分析 对于整个业务来说,首先是分析哪些地方会出现高并发,以及哪些地方会影响到了业务的性能.可能会出 ...

随机推荐

  1. HDU 5230 ZCC loves hacking 大数字的整数划分

    http://acm.hdu.edu.cn/showproblem.php?pid=5230 把题目简化后,就是求 1---n - 1这些数字中,将其进行整数划分,其中整数划分中不能有重复的数字,如果 ...

  2. 图像分类丨浅析轻量级网络「SqueezeNet、MobileNet、ShuffleNet」

    前言 深度卷积网络除了准确度,计算复杂度也是考虑的重要指标.本文列出了近年主流的轻量级网络,简单地阐述了它们的思想.由于本人水平有限,对这部分的理解还不够深入,还需要继续学习和完善. 最后我参考部分列 ...

  3. 修改Azure Website默认时区

    Azure Website默认时区为国际标准时间,对中国用户来说不太方便友好,如何设置成北京时间呢? 打开Azure Website的“配置”页,找到“应用设置”节点. 在应用设置中添加设置项,密钥为 ...

  4. JS中对数组元素进行增删改移

    在js中对数组元素进行增删改移,简单总结了一下方法: 方法 说明 实例 push( ); 在原来数组中的元素最后面添加元素 arr.push("再见58"); unshift( ) ...

  5. MyBatis框架的XML数据访问Dao层接口的组合使用

    MyBatis 的前生为Apache的开源项目iBatis.其优势在于灵活,几乎可以替代JDBC,同时提供了编程接口.目前MyBatis的数据访问Dao层不需要实现类,也不需要像JDBC那样拼接Hql ...

  6. SQL Server 2008添加字段成功，但提示列名无效

    在sql后查询,给现有表添加一个字段,即执行sql语句: alter table [sxrq_1108].[dbo].[公司周报表详情] add 总计 int default 0 然后在上述sql查语 ...

  7. 安卓6.0之前的系统 判断app是否有录音权限

    public static synchronized boolean isVoicePermission() { AudioRecord record = null; try { record = n ...

  8. IT之家学院：使用CMD命令行满速下载百度云

    转自:https://www.toutiao.com/a6545305189685920259/?tt_from=android_share&utm_campaign=client_share ...

  9. 解析没有key的Json

    没有key的Json,例如:["http://www.cnblogs.com/Cherry-B/p/4625133.html","http://www.cnblogs.c ...

  10. MFC技术积累——基于MFC对话框类的那些事儿3

    3.3.2 创建图形画刷来实现位图加载 1.首先在Resource View中导入一幅位图,位图大小96×96像素: 2.其次在主对话框中添加一个静态文本资源,ID号是IDC_BITMAPAREA,添 ...