js 秒杀

秒杀活动页面

<!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);//一秒一次点击
时间: 2024-10-06 15:23:18

js 秒杀的相关文章

一句JS帮你秒杀,抢购

刚刚看到一哥们儿写了一篇jquery插件之倒计时-团购秒杀  突然想到一个主意就是如题 想法:现在很多地方有类似秒杀,抢购等拼手速,网速的(其实就是服务器渣,如:某米),  很多人就想到可以写个客户端,开启一直刷, 我觉得应该可以直接通过js代码来执行. 下面进入正题 如果大家了解并会使用各浏览器的开发者工具就非常好办咯, 本人习惯用chrome,本例也就用chrome F12打开开发者工具 在控制台直接输入js带是可以执行的,所以大家应该有头绪了 测试: 写一个测试页面 <div> <

秒杀JS特效

自己动手写的情况: 一:四要素,动画体,动画体运动轨迹,时间,速度 二:范例:(function(){ function(){}   //动画体一 function(){}   //动画体二 funciton(){}   //动画体三 function(){}})():   //要素控制

秒杀系统架构分析与实战

0 系列目录 秒杀系统架构 秒杀系统架构分析与实战 1 秒杀业务分析 正常电子商务流程 (1)查询商品:(2)创建订单:(3)扣减库存:(4)更新订单:(5)付款:(6)卖家发货 秒杀业务的特性 (1)低廉价格:(2)大幅推广:(3)瞬时售空:(4)一般是定时上架:(5)时间短.瞬时并发量高: 2 秒杀技术挑战 假设某网站秒杀活动只推出一件商品,预计会吸引1万人参加活动,也就说最大并发请求数是10000,秒杀系统需要面对的技术挑战有: 对现有网站业务造成冲击 秒杀活动只是网站营销的一个附加活动,

关于秒杀的系统架构优化思路

一.问题的提出 秒杀或抢购活动一般会经过 预约,下单,支付 ,扛不住的地方在于下单,一般会带来2个问题: 1.高并发 比较火热的秒杀在线人数都是10w起的,如此之高的在线人数对于网站架构从前到后都是一种考验. 2.超卖 任何商品都会有数量上限,如何避免成功下订单买到商品的人数不超过商品数量的上限,这是每个抢购活动都要面临的难题. 秒杀系统难做的原因:库存只有一份,瞬间大量用户读和写这些数据. 例如小米手机每周二的秒杀,可能手机只有1万部,但瞬时进入的流量可能是几百几千万 二.架构 常见站点架构如

秒杀系统架构分析与实战(参考、转载)

目录[-] 0 系列目录 1 秒杀业务分析 2 秒杀技术挑战 3 秒杀架构原则 4 秒杀架构设计 4.1 前端层设计 4.2 站点层设计 4.3 服务层设计 4.4 数据库设计 4.4.1 基本概念 4.4.2 设计思路 5 大并发带来的挑战 5.1 请求接口的合理设计 5.2 高并发的挑战:一定要“快” 5.3 重启与过载保护 6 作弊的手段:进攻与防守 6.1 同一个账号,一次性发出多个请求 6.2 多个账号,一次性发送多个请求 6.3 多个账号,不同IP发送不同请求 7 高并发下的数据安全

秒杀系统架构分析与实战(转)

1 秒杀业务分析 正常电子商务流程 (1)查询商品:(2)创建订单:(3)扣减库存:(4)更新订单:(5)付款:(6)卖家发货 秒杀业务的特性 (1)低廉价格:(2)大幅推广:(3)瞬时售空:(4)一般是定时上架:(5)时间短.瞬时并发量高: 2 秒杀技术挑战 假设某网站秒杀活动只推出一件商品,预计会吸引1万人参加活动,也就说最大并发请求数是10000,秒杀系统需要面对的技术挑战有: 对现有网站业务造成冲击 秒杀活动只是网站营销的一个附加活动,这个活动具有时间短,并发访问量大的特点,如果和网站原

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

前几节终于实现了这个高并发秒杀业务,现在问题是如何优化这个业务使其能扛住一定程度的并发量. 一. 优化分析 对于整个业务来说,首先是分析哪些地方会出现高并发,以及哪些地方会影响到了业务的性能.可能会出现高并发的地方:详情页,获取系统时间,地址暴露接口,执行秒杀操作. 这个业务为什么要单独获取时间呢?用户会在详情页大量刷新,为了优化这里,将detal.jsp详情页和一些静态资源(css,js等)部署在CDN的节点上(至于这个CDN是什么,下面会说),也就是说用户访问详情页是不需要访问我们的系统的,

58沈剑:秒杀系统架构优化思路

有个兄弟分享秒杀系统的优化,其观点有些赞同,大部分观点却并不同意,结合自己的经验,谈谈自己的一些看法. 一.为什么难 秒杀系统难做的原因:库存只有一份,所有人会在集中的时间读和写这些数据. 例如小米手机每周二的秒杀,可能手机只有1万部,但瞬时进入的流量可能是几百几千万. 又例如12306抢票,亦与秒杀类似,瞬时流量更甚. 二.常见架构 流量到了亿级别,常见站点架构如上: 1)浏览器端,最上层,会执行到一些JS代码 2)站点层,这一层会访问后端数据,拼html页面返回给浏览器 3)服务层,向上游屏

【转载】秒杀系统架构分析与实战

本文转载自:http://my.oschina.net/xianggao/blog/524943 0 系列目录 秒杀系统架构 秒杀系统架构分析与实战 1 秒杀业务分析 正常电子商务流程 (1)查询商品:(2)创建订单:(3)扣减库存:(4)更新订单:(5)付款:(6)卖家发货 秒杀业务的特性 (1)低廉价格:(2)大幅推广:(3)瞬时售空:(4)一般是定时上架:(5)时间短.瞬时并发量高: 2 秒杀技术挑战 假设某网站秒杀活动只推出一件商品,预计会吸引1万人参加活动,也就说最大并发请求数是100