在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 在jsp頁面上，點擊生成相應(yīng)的一個<div>(這個已實現(xiàn))，想要同時

在jsp頁面上，點擊生成相應(yīng)的一個<div>(這個已實現(xiàn))，想要同時自動生成一個對應(yīng)js，執(zhí)行動作

在jsp頁面上，點擊生成相應(yīng)的一個<div>(這個已實現(xiàn))，想要同時自動生成一個對應(yīng)js；
其功能是讓生成的對應(yīng)的<div>,閃爍三次；
但如果在js上寫一個公用的function()方法的話會有線程問題，
所以我想實現(xiàn)每點擊生成一個<div>就自動生成一個對應(yīng)的js上的方法，這個怎么實現(xiàn)

回答
編輯回答
終相守

估計你應(yīng)該是共用了同一個定時器，提問時最好貼出代碼。

<div>111</div>
<br>
<div>222</div>
<br>
<div>333</div>
<script type="text/javascript">
    var clickDiv = function(dom) {
        dom.onclick = function() {
            var count = 0;
            var task = setInterval(function() {
                if (count < 3) {
                    console.log(dom.innerHTML);
                    // blink(); /* 閃爍方法 */
                    count = count + 1;
                } else {
                    clearInterval(task);
                }
            }, 1000);
        };
    };

    var divs = document.getElementsByTagName('div')
    for (var i = 0; i < divs.length; i ++) {
        var div = divs[i];
        clickDiv(div);
    }
</script>

可以這么寫試試。
就但這個閃爍功能來看，如果不考慮 ie9 一下，純 css 就能實現(xiàn)。

div {
    width: 100px;
    height: 100px;
    background-color: pink;
    animation: blink .8s 3;
    -moz-animation: blink .8s 3;
    -webkit-animation: blink .8s 3;
    -o-animation: blink .8s 3;
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
2017年6月19日 02:05
編輯回答
選擇

你理解的生成js方法是什么意思
直接在點擊直接中調(diào)用不是行了

2017年7月11日 14:21