JS
-
코드 // 강제 이벤트 발생 $('태그').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 -
코드 // js 로드 후 생성된 html이라 on 이벤트가 감지되지 않을 때 사용 $(document).on('click', '.태그', function () { console.log('click event'); });
js - js 로드 후 생성된 html이라 on 이벤트가 감지되지 않을 때코드 // js 로드 후 생성된 html이라 on 이벤트가 감지되지 않을 때 사용 $(document).on('click', '.태그', function () { console.log('click event'); });
2022.09.25 -
코드 // 오브젝트 키값 변수 사용 var key = 'key'; var obj = { [key]: 'value' };
js - 오브젝트 키 값으로 변수 사용코드 // 오브젝트 키값 변수 사용 var key = 'key'; var obj = { [key]: 'value' };
2022.09.25 -
코드/** * 시간차이를 시분초 단위로 계산해주는 함수 * @param {String} time * @returns {String} 시간차이 */function 시간차이(time) { // 현재 시간 기준으로 차이 계산 var now_time = new Date(); var deadline = new Date(time); // 시간 차이를 초 단위로 변수에 저장 var diff_time = (deadline - now_time) / 1000; var diff_hour = Math.floor(diff_time / (60 * 60)).zf(2); var diff_minute = Math.floor((diff_time % diff_hour) / 60).zf(2); ..
js - 시간 차이 계산(시:분:초)코드/** * 시간차이를 시분초 단위로 계산해주는 함수 * @param {String} time * @returns {String} 시간차이 */function 시간차이(time) { // 현재 시간 기준으로 차이 계산 var now_time = new Date(); var deadline = new Date(time); // 시간 차이를 초 단위로 변수에 저장 var diff_time = (deadline - now_time) / 1000; var diff_hour = Math.floor(diff_time / (60 * 60)).zf(2); var diff_minute = Math.floor((diff_time % diff_hour) / 60).zf(2); ..
2022.09.25 -
코드 // 새로고침 시 스크롤 최상단으로 이동
js - 새로고침 시 스크롤 최상단으로 이동코드 // 새로고침 시 스크롤 최상단으로 이동
2022.09.25 -
코드 var timer_arr = []; /** * 입력받은 타이머 종료 시간을 기준으로 타이머를 생성하고 남은 시간 문자열을 반환하는 함수 * @param {String} time 종료 시간 * @param {String} key 타이머의 남은 시간이 들어갈 태그(id, class) * @returns {String} 남은 시간 */ function getDiffTime(time, key) { var now_time = new Date(); var deadline = new Date(time); if (now_time > deadline) { return '타이머가 종료 되었습니다.'; } else { var { diff_time, diff_hour, diff_minute, diff_se..
js - 타이머 배열코드 var timer_arr = []; /** * 입력받은 타이머 종료 시간을 기준으로 타이머를 생성하고 남은 시간 문자열을 반환하는 함수 * @param {String} time 종료 시간 * @param {String} key 타이머의 남은 시간이 들어갈 태그(id, class) * @returns {String} 남은 시간 */ function getDiffTime(time, key) { var now_time = new Date(); var deadline = new Date(time); if (now_time > deadline) { return '타이머가 종료 되었습니다.'; } else { var { diff_time, diff_hour, diff_minute, diff_se..
2022.09.25 -
코드 /** * 날짜를 입력받은 형식으로 변환해주는 함수 * @params {string} format 형식 * @params {string, object} date 날짜 * @returns {string} date를 format 형식으로 변환 */ function dateFormat(foramt, date) { if (date == undefined) { return " "; } if (typeof date != 'object') { date = new Date(date); } var weekKorName = ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"]; var weekKorShortName = ["일", "월", "화", "수", "목", "..
js - js로 php의 date_format 기능 따라하기코드 /** * 날짜를 입력받은 형식으로 변환해주는 함수 * @params {string} format 형식 * @params {string, object} date 날짜 * @returns {string} date를 format 형식으로 변환 */ function dateFormat(foramt, date) { if (date == undefined) { return " "; } if (typeof date != 'object') { date = new Date(date); } var weekKorName = ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"]; var weekKorShortName = ["일", "월", "화", "수", "목", "..
2022.09.25