ホームページ >ウェブフロントエンド >jsチュートリアル >JSスクリプトでWebページ自動フラッシュセール事例共有を実現

JSスクリプトでWebページ自動フラッシュセール事例共有を実現

小云云
小云云オリジナル
2018-01-13 09:12:196224ブラウズ

この記事では主に、JS を使用してモールのフラッシュ セールなどの自動クリック機能を作成する方法を説明します。この側面が必要な友人はすぐにアイデアを学ぶことができます。皆さんのお役に立てれば幸いです。

まずフラッシュセールイベントページのコードを見てみましょう


<!DOCTYPE HTML>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  <title>
   Micomo
  </title>
 </head>
 <body>
  <p>
   <p>
    活动倒计时<strong id="endtime"></strong>秒!
   </p>
   <input type="button" id="btn" value="立即购买" disabled="disabled" onClick="func()"/>
  </p>
  <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>

ページプレビュー

JSスクリプトでWebページ自動フラッシュセール事例共有を実現

JSスクリプトでWebページ自動フラッシュセール事例共有を実現

script js

code


<script type="text/javascript">
 var button = document.getElementById("btn");
 //每秒执行一次,若按钮状态为可用,进行点击
 setInterval(function() {
  if (button.disabled == false) {
   button.click();
  }
 },
 1000);
</script>

setInterval() メソッドは次のことができます指定された期間 (ミリ秒単位) に従って使用され、関数の呼び出しまたは式の評価が行われます。

setInterval() メソッドは、clearInterval() が呼び出されるかウィンドウが閉じるまで関数を呼び出し続けます。

ブラウザに置く方法

ブラウザでアクティビティページを開き、F12を押してデバッグモードに入り、コンソールコンソールを見つけて、上記のjsスクリプトタグにコードを貼り付けます(最初と最後のタグは除く)。 Enter をクリックして、イベントが終了する前に必ず入力してください。

JSスクリプトでWebページ自動フラッシュセール事例共有を実現

結果プレビュー

JSスクリプトでWebページ自動フラッシュセール事例共有を実現

setInterval(function(){},millisec) のミリ秒 (ミリ秒単位) を変更して、クリック頻度を制御します。

これは単なる JS コードであり、検証コードの自動検証は実装されていません。

それを参考にして学ぶことはできますが、道徳に反することや利益を追求するために使用しないでください。

このブログはメモを取るためのものであり、内容の正確性は保証されません。

Baidu ブラウザ ポイントの引き換え

次のページを開いて F12 を押し、コンソールの下にコードを入力して Enter を押します。

JSスクリプトでWebページ自動フラッシュセール事例共有を実現

JSスクリプトでWebページ自動フラッシュセール事例共有を実現

code


//选取data-id为6的<a>标签
 var button = $("a[data-id=&#39;6&#39;]");
 //每秒执行一次,若按钮状态为可用,进行点击
 var fuc = setInterval(function() {
   //如果出现刷新验证码的按钮,则表明已抢到
   if($(".refresh-btn").length > 0){
     window.clearInterval(fuc); 
     //桌面通知,只有chrome,firefox浏览器支持桌面API
     Notification.requestPermission(function(status) {
      var n = new Notification(&#39;通知消息&#39;, { body: &#39;爱奇艺会员兑换码!&#39; }); 
     });
   } else {
     button.click();
   }
 },1000);//一秒一次点击

関連する推奨事項:

フラッシュセール効果を達成するためのYiiフレームワークredis+phpサンプル分析

Redisクラシックケース共有製品フラッシュセールとショッピングカート

在庫の売れ過ぎを防ぐためのモールフラッシュセール

以上がJSスクリプトでWebページ自動フラッシュセール事例共有を実現の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。