秒杀活动页面

<!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. 使用Intellij IDEA搭建一个简单的Maven项目

    IntelliJ IDEA是Java最优秀的开发工具,它功能全面,提示比较智能,开发界面炫酷,新技术支持的比较迅速. 我使用了Eclipse快10年了,IntelliJ IDEA这么好用必须要试一试. ...

  2. 惊人的CSS和JavaScript动画logos例子

    https://codepen.io/lindell/pen/mEVgJP Stack Overflow logo是我最喜欢的logo之一,因为它非常简单,但易于识别.并且这个片段动画点击预览Stac ...

  3. springclould feign客户端添加全局参数

    用springclould feign作为调用服务的客户端,一般来说参数可以写在feignclient的方法参数里 有时需要所有feign请求都统一添加一些参数,例如token用于鉴权等,可以这样做: ...

  4. iOS：让UIView覆盖导航栏

    当我们想做一个弹出式菜单时,想将导航栏也一起盖住不显示的话,可以用如下语句实现: UIView* myView = /* 你自定义的view */; UIWindow* currentWindow = ...

  5. Python安装第三方库文件工具——pip

    Python安装第三方库文件一般使用pip. 1.pip的安装 (1)下载pip 进入https://pypi.python.org/pypi/pip#downloads

  6. [论文笔记] A Practical Architecture of Cloudification of Legacy Applications (2011, SERVICES)

    Dunhui Yu, Jian Wang, Bo Hu, Jianxiao Liu, Xiuwei Zhang, Keqing He, and Liang-Jie Zhang. 2011. A Pra ...

  7. Servlet和JSP之自定义标签学习

      此文章会讲述简单标签处理器,因为经典自定义标签处理器没有简单标签处理器方便使用,故在此不进行描述. 参考:慕课网的<JSP自定义标签>视频; <Servlet.JSP和Sprin ...

  8. spring 中bean学习笔记

    spring 中bean 一.bean的定义和应用 1. bean 形象上类似于getXX()和setXX()的一种. 2. 由于java是面向对象的,类的方法和属性在使用中需要实例化. 3. 规律: ...

  9. 聊聊C语言和ABAP

    这个公众号之前的文章,分享的都是Jerry和SAP成都研究院的同事在工作中学到的一些知识和感受.而今天这篇文章,写作的由来是因为最近我又参与了SAP成都数字创新空间应聘者的面试,和一些朋友聊了一些关于 ...

  10. 当互联网遇上家装，十大家装O2O混战

    2015年已过去大半,装修O2O就出现了新的局面:为数众多的家居网络平台在家装O2O领域还未站稳脚跟,新的入局者就打出超低价格登场.新老O2O家装大战迅速展开,除了拼价格还拼品牌和体验,家装O2O的好 ...