秒杀活动页面

<!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. Spark Mllib里如何将预测结果如0或1，转换为文字描述来显示预测结果输出（图文详解）

    不多说,直接上干货! 具体,见 Hadoop+Spark大数据巨量分析与机器学习整合开发实战的第13章 使用决策树二元分类算法来预测分类StumbleUpon数据集

  2. P1218 [USACO1.5]特殊的质数肋骨 Superprime Rib

    题目描述 农民约翰的母牛总是产生最好的肋骨.你能通过农民约翰和美国农业部标记在每根肋骨上的数字认出它们.农民约翰确定他卖给买方的是真正的质数肋骨,是因为从右边开始切下肋骨,每次还剩下的肋骨上的数字都组 ...

  3. oracle 换行回车符

    工作中碰到这样一种情况,做一个data patch,将表中的某个字段的内容copy到另一个字段,添加时若目标字段有值,需要换行处理. 首先,oracle中的回车符是chr(13),换行符是chr(10 ...

  4. 【实用】Html5实现文件异步上传

    1 简介 开发文件上传功能从来不是一件愉快的事,异步上传更是如此,使用过iframe和Flash的上传方案,也都感觉十分的别扭.本文简要简绍利用Html5的FormData实现文件的异步上传,还可以实 ...

  5. 安装ubuntu虚拟环境

    一. 安装 1. 准备: 1). Oracle VM VirtualBox https://www.virtualbox.org/ 2). Ubuntu 18.04.2 LTS https://ubu ...

  6. 日常博客-png,jpeg,gif图片

    个人博客记录:2017-11-09 png-----32位无损压缩算法形成的图片,主要用于logo小图标和一些点缀的小图像.放大缩小不会失真,质量好 jpeg,jpg-----压缩比例较高(可达到10 ...

  7. win10 64位 mysql安装过程出现status显示failed

    mysql安装过程出现status显示failed,如下图: 由于我的电脑是64位系统,这里需要升级一个插件,即32位 visual C++ 2013 and  visual C++ redistri ...

  8. 前端开发神器 - Brackets

    做了几年的 .Net 项目开发,后来公司转 Java 语言开发,Java 做了还没一年,公司准备前后端分离开发,而我被分到前端! Brackets是一款基于web(html+css+js)开发的web ...

  9. COGS 1578. 次小生成树初级练习题

    ☆   输入文件:mst2.in   输出文件:mst2.out   简单对比时间限制:1 s   内存限制:256 MB [题目描述] 求严格次小生成树 [输入格式] 第一行包含两个整数N 和M,表 ...

  10. python打飞机pro版

    # -*- coding: utf-8 -*- import pygame from sys import exit import random pygame.init() screen = pyga ...