欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

如何利用 JS 腳本實現網頁全自動秒殺搶購功能

 更新時間:2020年10月12日 09:33:22   作者:CHAN_傑  
這篇文章主要介紹了如何利用 JS 腳本實現網頁全自動秒殺搶購功能,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下

倒計時頁面:

倒計時未結束時,購買按鈕還不能點擊。

結束時,可以點擊購買,點擊后出現提示“付款成功”

展示效果 GIF

1.制作測試網頁

首先我們來做一個簡易的搶購頁面

<!DOCTYPE html>
<html lang="zh_CN">
<head>
 <meta charset="UTF-8">
 <title>Apple</title>
 <style type="text/css">
  body {
   background-color: black;
  }

  #hOne{
   color: white;
   font-size: 50px;
   font-family: PingFangSC-Regular, sans-serif;
   line-height: 1px;
   width: 100%;
   text-align: center;
  }

  #hTwo{
   color: #d01f2a;
   font-size: 20px;
   text-align: center;
  }

  #hThree{
   color: white;
   font-size: 30px;
   line-height: 30px;
   font-family: PingFangSC-Regular, sans-serif;
   text-align: center;
  }

  #div1 {
   color: white;
   margin: auto;
  }

  #endTime {
   color: #2997ff;
  }

  img {
   width: 228px;
   height: 366px;
   border: 0px;
  }
 </style>
</head>
<body>
<br /><br />
<h1 id="hOne"> WATCH</h1>
<h2 id="hTwo">S E R I E S 6</h2>
<h3 id="hThree">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;健康的未來,現在戴上。</h3>
<div align="center" id="div1">
 <img src="apple%20watch.jpeg">
 <p id="time">預售倒計時 <span id="endTime"></span> 秒!</p>
 <input type="button" id="btn" value="立即購買" disabled="disabled"><br />
</div>
</body>
</html>

展示一下:

2.倒計時及購買功能的實現

我們使用的是jQuery框架,jQuery 極大地簡化了 JavaScript 編程。

<script type="text/javascript" src="script/jquery-1.7.2.js"></script> // 導入jquery
<script type="text/javascript">
  $(function () {
   var timeElement = $("#endTime")[0]; // 獲得倒計時dom對象
   var i = 10;
   function remainTime() {
    if (i > 0) {
     timeElement.innerHTML = i--;
     setTimeout(function () {
      remainTime();
     }, 1000);
    }
    if (i == 0) {
     $("#time")[0].innerHTML = "在線選購開始";
     $("#time").css({color: "#2997ff"});
     $("#btn")[0].disabled = false; // 倒計時結束,按鈕可以點擊
    }
   }
   remainTime();

   $("#btn").click(function () { // 點擊事件
    alert("我們已收到您的付款,正在處理您的訂單");
   });
  });
</script>

3.使用 JS 腳本實現自動搶購功能

(1)在瀏覽器中打開開發(fā)者工具

(2)找到按鈕元素標簽所在位置

(3)JS 搶購腳本

var btnObj = document.getElementById("btn"); // 第二步中可知 id=“btn"
var timer = setInterval(function () {
    if (btnObj.disabled == false) { // 當按鈕可以點擊時
     btnObj.click();		//點擊
     clearInterval(timer); // 選購完成后關閉timer,否則將一直購買,土豪隨意
    }
   });

(4)在控制臺中運行 JS腳本

看懂第三步的代碼后,就可以在控制臺中運行了

將第三步的代碼復制粘貼到控制臺中

注意:控制臺中Enter為運行, Enter + Shift為換行, 腳本應在倒計時結束前注入

最終結果 GIF

可以參考學習,切勿拿來做有違道德,謀取利益的事。

到此這篇關于如何利用 JS 腳本實現網頁全自動秒殺搶購功能的文章就介紹到這了,更多相關js網頁全自動秒殺搶購內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • JavaScript循環(huán)_動力節(jié)點Java學院整理

    JavaScript循環(huán)_動力節(jié)點Java學院整理

    這篇文章主要為大家詳細介紹了JavaScript循環(huán)的相關資料,JavaScript的兩種循環(huán)方式,一種是for循環(huán),另while一種是循環(huán)具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-06-06
  • 用VsCode編輯TypeScript的實現方法

    用VsCode編輯TypeScript的實現方法

    這篇文章主要介紹了用VsCode編輯TypeScript的實現方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-05-05
  • 挺實用的20個JavaScript簡化寫法代碼技巧

    挺實用的20個JavaScript簡化寫法代碼技巧

    掌握一些JavaScript的精簡書寫方式,有助增強代碼的閱讀性,提升代碼質量,任何一種編程語言的簡寫小技巧都是為了幫助你寫出更簡潔、更完善的代碼,讓你用更少的編碼實現你的需求
    2023-08-08
  • Layui之table中的radio在切換分頁時無法記住選中狀態(tài)的解決方法

    Layui之table中的radio在切換分頁時無法記住選中狀態(tài)的解決方法

    今天小編就為大家分享一篇Layui之table中的radio在切換分頁時無法記住選中狀態(tài)的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • javascript window.onerror事件學習新收獲

    javascript window.onerror事件學習新收獲

    javascript window.onerror事件學習新收獲...
    2007-11-11
  • JS實現按鈕控制計時開始和停止功能

    JS實現按鈕控制計時開始和停止功能

    這篇文章給大家介紹了JS實現按鈕控制計時開始和停止功能,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友參考下吧
    2017-07-07
  • js String.prototype.trim字符去前后空格的擴展

    js String.prototype.trim字符去前后空格的擴展

    這篇文章主要介紹了js String.prototype.trim字符去前后空格的擴展,需要的朋友可以參考下
    2020-04-04
  • 超全面的JavaScript開發(fā)規(guī)范(推薦)

    超全面的JavaScript開發(fā)規(guī)范(推薦)

    作為一名開發(fā)人員(WEB前端JavaScript開發(fā)),不規(guī)范的開發(fā)不僅使日后代碼維護變的困難,同時也不利于團隊的合作,通常還會帶來代碼安全以及執(zhí)行效率上的問題。本文就主要介紹了關于Javascript的命名規(guī)范、注釋規(guī)范以及框架開發(fā)的一些問題,需要的朋友可以參考學習。
    2017-01-01
  • js實現按鈕開關單機下拉菜單效果

    js實現按鈕開關單機下拉菜單效果

    這篇文章主要介紹了js實現按鈕開關單機下拉菜單效果,代碼簡單易懂,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-11-11
  • js導出table到excel同時兼容FF和IE示例

    js導出table到excel同時兼容FF和IE示例

    js導出table到excel,在百度可以搜索很多的方法,但是其兼容性是相當差的,本文制定了一個可以同時兼容FF和IE的方法,感興趣的朋友可以參考下
    2013-09-09

最新評論