每秒在div中获取图像ID

Question

当点击以下代码的div时，我成功获取了div中所有图像的id：

<script type="text/javascript">
function getimgid(){
var elems = [].slice.call( document.getElementById("card") );
elems.forEach( function( elem ){
elem.onclick = function(){
    var arr = [], imgs = [].slice.call( elem.getElementsByTagName("img") );
    if(imgs.length){
        imgs.forEach( function( img ){
            var attrID = img.id;
            arr.push(attrID);
        alert(arr);
        });
    } else {
        alert("No images found.");
    }
};
});
}
</script>

上面的代码完美地工作，在点击卡片 div时执行图像ID的警告消息。 现在我想要的是运行这个功能，而不是每5秒钟点击一次div。 我尝试过setInterval（getimgid，5000） ，但它不起作用。 我应该修改上面代码的哪一部分来调用函数而不单击div。 任何帮助将非常感激。

的jsfiddle

Answer 1

你应该这样称呼它：

setInterval (function(){
getimgid();
},5000);

还删除了元素的click事件的绑定。

工作小提琴

Answer 2

使用elem.click（）触发点击

function getimgid() {
    var elems = [].slice.call(document.getElementsByClassName("card"));
    elems.forEach(function (elem) {
        elem.onclick = function () {
            var arr = [],
                imgs = [].slice.call(elem.getElementsByTagName("img"));
            if (imgs.length) {
                imgs.forEach(function (img) {
                    var attrID = img.id;
                    arr.push(attrID);
                    alert(arr);
                });
            } else {
                alert("No images found.");
            }
        };
        elem.click();
    });
}
setInterval(getimgid, 1000);

DEMO

Answer 3

问题 ：您没有触发setInterval的单击。 您只需每5秒重新运行一次事件绑定。

解决方案 ：在另一个触发点击的功能上设置Interval。 或者，如果您根本不想手动点击，则完全删除click装订。

更新小提琴 ： http ： //jsfiddle.net/abhitalks/3Dx4w/5/

JS ：

var t;

function trigger() {
        var elems = [].slice.call(document.getElementsByClassName("card"));
    elems.forEach(function (elem) {
        elem.onclick();
    });
}

t = setInterval(trigger, 5000);