Blog Content

    티스토리 뷰

    jQuery - 특정 시간대에 이벤트 실행

    반응형

    안녕하세요 jquery 에 대해서 물어볼려고 하는데요.
    jquery 코드인데 저기서 seconds가 10초일때 마다 4층으로 저절로 가게끔 만들려고 하는데 어떻게 if를 써야 하나요?
    만들었는데 안돌아가서 ㅜㅜ 도움좀 부탁드립니다.

     

    ------------------------------------------------------------------------------------------------------------

     

    자동으로 10초 씩 지나면 하는건지...클릭을 하는 순간 10초 인지를 잘 몰라서

    두개 만들어 봤습니다.

    첫번째는 10초 단위로 자동으로 클릭되는 예제이고, 두번째는 클릭 하는 순간 10초일때 클릭되게 예제를 만들었습니다.

     

    ------------------------------------------------------------------------------------------------------------

     

     

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title></title>
        <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
        <script>
            $(document).ready(function () {
                //자동으로 10초마다 클릭
                /*
                setInterval(function () {
                    $('#btnOK').trigger('click');
                }, 10000);
               
                $('#btnOK').on('click', function (e) {
                    e.preventDefault();

                    alert('10초마다 클릭');
                });
                */
               
                //클릭할때 10초 이면...            
                $('#btnClick').on('click', function (e) {
                    e.preventDefault();

                    var now = new Date();
                    hours = now.getHours();
                    minutes = now.getMinutes();
                    seconds = now.getSeconds();

                    if (seconds == 10) {
                        $('#btnOK').trigger('click');
                    }
                    else {
                        $('#txtDate').val(hours + ':' + minutes + ':' + seconds);
                    }
                });

                $('#btnOK').on('click', function (e) {
                    alert(seconds + ' 입니다');
                });
            });
        </script>
    </head>
    <body>
        <input type="button" id="btnClick" value="클릭" />
        <input type="button" id="btnOK" value="4층" />
        <input type="text" id="txtDate" />
    </body>
    </html>

     

    반응형

    Comments