hack -- 触发事件


<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
    <script src="./jquery.js">script>
    <script>
        // $('div').on('click', function() {
      
        // console.log("TCL: $('div')", $('div'))
        //     alert('div click');
        // });
        // $('button').on('click', function() {
      
        //     $('div').trigger('click');
        // });
        $(function() {
      
            /**
             * @explain triggerEvent trigger 函数
             * @params obj 需要触发的对象 -- jquery对象 【必填】
             * @params event 触发事件 -- 默认‘click’事件 【选填】
             * @params times 触发次数 -- 默认‘10’次 【选填】
             * @params times 触发间隔时间(毫秒) -- 默认‘500’毫秒 【选填】
            */
            function triggerEvent(obj, event, times, interval) {
      
                event = event || 'click';
                times = times || 10;
                let num = 1;
                $(obj).on(event, function() {
      
                    console.log('trigger this div ' + num + ' timers');
                })
                $(obj).trigger(event)
                const timer = setInterval(() => {
      
                    num++;
                    $(obj).trigger(event);
                    if (num == times) {
      
                        console.log('triggerEvent is over and out')
                        clearInterval(timer);
                    }
                }, interval || 500);
            }

            setTimeout(() => {
       //todo 五秒后执行 triggerEvent
                triggerEvent('#zhy', 'click', 100, 100)
            }, 5000);
            
        })
    script>
head>

<body>
    <div id="zhy">div>
    <button>按钮button>
body>

html>

你可能感兴趣的:(拓展)