jQuery
-
코드 /** * 입력받은 시간이 얼마나 경과 되었는지 반환하는 함수 * @param {string} time 과거 시간 * @returns {string} 경과 시간 */ function get_date_diff(time) { var now_time = new Date(); var deadline = new Date(time); var diff_time = (now_time - deadline) / 1000; var time_list = [ { time: "분", milli_seconds: 60 }, { time: "시간", milli_seconds: 60 * 60 }, { time: "일", milli_seconds: 60 * 60 * 24 }, { time: "개월", milli_seconds: 60..
js - 경과 시간 계산 함수코드 /** * 입력받은 시간이 얼마나 경과 되었는지 반환하는 함수 * @param {string} time 과거 시간 * @returns {string} 경과 시간 */ function get_date_diff(time) { var now_time = new Date(); var deadline = new Date(time); var diff_time = (now_time - deadline) / 1000; var time_list = [ { time: "분", milli_seconds: 60 }, { time: "시간", milli_seconds: 60 * 60 }, { time: "일", milli_seconds: 60 * 60 * 24 }, { time: "개월", milli_seconds: 60..
2022.10.07 -
코드 // 강제 이벤트 발생 $('태그').trigger('click');
jquery - 강제 이벤트 발생코드 // 강제 이벤트 발생 $('태그').trigger('click');
2022.10.02 -
코드 /** @type {Number} 시간 차이 ms */ var diff_time; /** * 현재 시간을 기준으로 입력받은 종료 시간까지 타이머를 작동 시키는 함수 * @param {String} end_time 종료 시간 * @param {String} tag 타이머 텍스트가 들어갈 태그 */ function setTimer(end_time, tag) { var deadline_time = new Date(end_time); var now_time = new Date(); if (now_time > deadline_time) { $(tag).text(`타이머가 종료되었습니다.`); } else { var { diff_ms, diff_hour, diff_minute, diff_second } = c..
js - 단일 타이머코드 /** @type {Number} 시간 차이 ms */ var diff_time; /** * 현재 시간을 기준으로 입력받은 종료 시간까지 타이머를 작동 시키는 함수 * @param {String} end_time 종료 시간 * @param {String} tag 타이머 텍스트가 들어갈 태그 */ function setTimer(end_time, tag) { var deadline_time = new Date(end_time); var now_time = new Date(); if (now_time > deadline_time) { $(tag).text(`타이머가 종료되었습니다.`); } else { var { diff_ms, diff_hour, diff_minute, diff_second } = c..
2022.10.02 -
스크롤 페이징 처리 특정 div의 스크롤 이벤트를 감지하여 해당 div의 스크롤 위치가 최하단에 도달할 경우 데이터를 추가로 가져오는 스크롤 페이징 처리 컨트롤러
PHP - jquery를 이용한 스크롤 페이징스크롤 페이징 처리 특정 div의 스크롤 이벤트를 감지하여 해당 div의 스크롤 위치가 최하단에 도달할 경우 데이터를 추가로 가져오는 스크롤 페이징 처리 컨트롤러
2022.09.07 -
// 라디오 타입 인풋 체크 되어있는 값 가져오기 $('input[name=radioName]:checked').val()
Jquery - 라디오 인풋 값 가져오기// 라디오 타입 인풋 체크 되어있는 값 가져오기 $('input[name=radioName]:checked').val()
2022.08.29 -
// 폼 전송 차단 및 검증 후 재 전송 $('#폼아이디').submit(function(event) { event.preventDefault(); // 검증 코드 // 예) if ($('#검증할인풋').val().length == 0) { alert('안내메시지'); return false; } $(this).unbind('submit'); $(this).submit(); });
Jquery - 폼 전송 차단 및 검증 후 재전송// 폼 전송 차단 및 검증 후 재 전송 $('#폼아이디').submit(function(event) { event.preventDefault(); // 검증 코드 // 예) if ($('#검증할인풋').val().length == 0) { alert('안내메시지'); return false; } $(this).unbind('submit'); $(this).submit(); });
2022.08.18 -
// 태그의 요소로 값 가져오기 (예시 : data) $('input[data-데이터 셋 이름="' + 데이터셋값 + '"]')
Jquery - 태그의 요소로 태그 찾기// 태그의 요소로 값 가져오기 (예시 : data) $('input[data-데이터 셋 이름="' + 데이터셋값 + '"]')
2022.08.18 -
// 해당 클래스를 가지고 있는지 $("#아이디").is(".클래스");
Jquery - 특정 태그가 특정 클래스를 가지고 있는지 체크// 해당 클래스를 가지고 있는지 $("#아이디").is(".클래스");
2022.08.18