时间戳

首页 > 解决方案 > 延迟 Setinterval 函数

javascript - 延迟 Setinterval 函数

问题描述

我试图延迟单击第一张图片的时间，因为它在进入屏幕之前就已启动，也许我需要将其放入 if else 语句中？

// Instagram hacks

//  Search field
// let Searchtest= prompt("Please enter the hashtag you want to like","Trending");

// var search = document.querySelector('.x3qfX').value = "#" + Searchtest;

document.querySelector(".glyphsSpriteSafari__outline__24__grey_9").click();
let firstPicture = document.querySelector("div._9AhH0");
firstPicture.click();
let likesGiven = 0;
setInterval(() => {
  let heart = document.getElementsByClassName(
      "glyphsSpriteHeart__outline__24__grey_9"
    ),
    arrow = document.querySelector(".coreSpriteRightPaginationArrow");

  if (heart[1]) {
    heart = heart[1].parentElement;
    likesGiven++, heart.click();
  }
  arrow.click();
  console.log(`You've liked ${likesGiven} post(s)!`);
}, 2000);

// Button Liker

My Last Attempt Run this in your console from instagrams homepage and you u will see what

我的意思是

document.querySelector(".glyphsSpriteSafari__outline__24__grey_9").click();
    let firstPicture = document.querySelector("div._9AhH0");
    if (firstPicture){
        firstPicture.click();

    }

标签： javascriptdom

解决方案

好的，就是这样：也许你应该等待文档被加载，似乎你可以用 DOMContentLoaded evenListener 来做，然后在 onready 回调中你可以执行你的点击函数：见下面的例子

DOM 在 ES6 中没有改变，ES6 为 JavaScript 提供了新的特性，仅此而已。在纯 js 中存在加载 dom 的事件，它是从 jquery 等效的文档准备好的

document.addEventListener("DOMContentLoaded",function(){ //do something here });

使用 DOM 树的模块可以在内部有监听器，或者应该在 dom 准备好之后使用。我创建了示例 DOM 函数来说明我的意思：

var DOM=function(selector){

 document.addEventListener("DOMContentLoaded",()=>{

 this.element=document.querySelector(selector);

 if (typeof this.callback === 'function')
 this.callback();

});

};

//HERE WE HAVE CALLBACK WHEN OUR MODULE CAN BE USED
DOM.prototype.onReady=function(callback){

 this.callback=callback;

};

DOM.prototype.getElement=function(){
//example object method

return this.element;

};

DOM.prototype.click=function(){

return this.element.click

};

使用示例：

document.querySelector(".glyphsSpriteSafari__outline__24__grey_9").click();
var d=new DOM("div._9AhH0");
firstPicture.onReady(()=>{

firstPicture.click();

});
//your other code

模块应该是 DOM 独立的，创建直接导出 DOM 元素的模块是非常错误的做法。所以可以通过两种方式完成：

模块应该在属性中获取选择器 DOM 对象，并且应该在 DOM 准备好后调用。所以你的模块不知道在哪里被调用，但它需要准备好 DOM 结构。在这种情况下，DOM 就绪回调仅在使用模块并调用它们的主文件中。

模块可以有一些 DOM 就绪的侦听器，但是当模块可以使用时，我们需要一些信息（我在示例和 onReady 函数中展示了这种情况）。

推荐阅读