秒杀活动页面

<!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. Centos7中查看IP命令：IP addr

    Centos的IP地址是网卡的inet 的值,很明显第一个是本地服务地址,不是我们想要的.第二个没有inet这个属性值. 接下来配置网卡,我的网卡是上图黄色方框中第一行开始的那一部分:eno16777 ...

  2. [转]SqlServer索引的原理与应用

    索引的概念 索引的用途:我们对数据查询及处理速度已成为衡量应用系统成败的标准,而采用索引来加快数据处理速度通常是最普遍采用的优化方法. 索引是什么:数据库中的索引类似于一本书的目录,在一本书中使用目录 ...

  3. echarts 添加Loading 等待。

    capturedsDetailsEcharts: function(id) { if (!id) { id = mini.get("chnNameCaptureds").getVa ...

  4. poj2823滑动窗口

    这个是单调队列的入门题目.值得注意的一点是队列中的数的index是单调递增的,所以从队首删除的时候从前向后循环找到第一个index满足>= i - k + 1条件的元素作为队首元素就可以了,这也 ...

  5. C语言abort函数

    C语言编程入门教程,C语言库函数的abort函数的作用是异常终止一个进程,意味着abort后面的代码将不再执行. #include<stdio.h> #include<stdlib. ...

  6. CSS3制作的一款按钮特效

    /*.btn { width:230px; height:70px; font-size:70px; font-weight:bold; overflow:hidden; font: "He ...

  7. iOS的设计备忘录/资源集合（新手快速开发）

    iOS的设计备忘录 随着iOS7更新,风格走上扁平化,大部分iOS设计师及程序员都需要对自己的软件做相关调整,尺寸.Icon.UI等等,我在这里总结一下相关资料,以及提供一些关于iOS7设计素材. 一 ...

  8. JavaWeb项目实现图片验证码

    一.什么是图片验证码? 可以参考下面这张图: 我们在一些网站注册的时候,经常需要填写以上图片的信息. 这种图片验证方式是我们最常见的形式,它可以有效的防范恶意攻击者采用恶意工具,调用“动态验证码短信获 ...

  9. 数据库web项目对数据库的操作

    1.0.JSTL与jsp实现对数据库的操作 MySql 数据库: create database if not exists CommodityDB; use CommodityDB; drop ta ...

  10. Open Cascade:拓扑类型(Topo_DS)之间类型转换

    TopoDS_Edge aEdge = TopoDS::Edge(myAISShape->Shape()); TopoDS_Wire S1_wire = static_cast(S1); // ...