jQuery11 [jQuery] audio Audio HTML javaScript selector = $('#effect'); adoPlay(selector); adoReset(selector); //효과음 실행 function adoPlay(sound){ adoReset(sound); sound[0].play(); } // 효과음 초기화 function adoReset(sound){ sound[0].pause(); if(sound[0]>0){ sound[0].currentTime = 0; } } // 오디오 재생 sound[0].play(); // 오디오 중지 sound[0].pause(); // 오디오 종료 이벤트 sound[0].on('ended', function(){ userFunction(); }) // 오디오 플레이 시간 sound[.. 2021. 3. 30. [JavaScript] Math Math Math 객체생성자가 존재하지 않는다. 따로 인스턴스 생성하지 않아도 Math 객체의 모든 메소드, 프로퍼티 사용 가능 수학에서 자주 사용하는 상수, 함수 미리 구현해 놓은 자바스크립트 표준 내장 객체 Math 메소드웹브라우저 마다 다른 결과값을 얻을 가능성 있음정확한 결과값 필요한 작업에는 사용하지 않는 것을 추천한다. 운영체제 다르면 다른 결과값을 반환할 수도 있다. 쉬운 수학적 작업을 위한 메소드 제공 종류 Math.min()인수 전달되지 않으면: Infinity 비교할 수 없는 값 포함: NaN 인수로 전달받은 값 중에 가장 작은 값 Math.max() 인수로 전달받은 값 중에서 가장 큰 수 Math.random() 0보다 크거나 같고 1보다 작은 무작위 숫자(random number)를.. 2021. 3. 23. [웹코딩_html_css_jQuery] project_그림퀴즈 이미지 로딩이 너무 길어서 html파일에 img태그로 이미지를 먼저 로딩하도록 했습니당. 이미지를 미리 로딩하고 캐시로 가져오게 하는 프리로딩을 구현하여 사용하는 방법도 있다고 합니다. 참고: mygumi.tistory.com/277 이미지 미리 불러오기(image preload) :: 마이구미 이 글은 이미지를 미리 로딩하는 법에 대해 다룬다. 흔히 이미지 프리로딩(Image Preloading) 이라고 불린다. 참고 - https://www.photo-mark.com/notes/image-preloading/ 웹 사이트에는 많은 이미지가 존재한다.. mygumi.tistory.com 이미지 로딩이 끝난 후 작동됩니당! 2021. 3. 15. [웹코딩_html_css_jQuery] project_그래프 2021. 3. 10. [웹코딩_html_css_jQuery] project_이미지줌아웃 2021. 3. 10. [웹코딩_html_css_jQuery] project_selectable도형그리기 2021. 3. 10. [웹코딩_html_css_jQuery] project_초성게임 기능 정리하다보니 텍스트보다 순서도로 정리하는게 훨씬 편하더라구요! 링크 같이 첨부합니다:) drive.google.com/file/d/1NqWySEHmEGfq6Ie0su1ewPdkUBsNiV0M/view?usp=sharing 초성게임 drive.google.com 2021. 3. 10. [HTML] 문서 렌더링 XHTML EXtensivle HTML HTML과 거의 비슷하지만 문법의 적용이 더 엄격하다 XML 문서로 문법적으로 정확하다 표준 XML 라이브러리를 이용한 자동화된 처리가 가능해진다. 구조적 측면태그의 xmlns 속성을 반드시 명시 , , , 태그를 반드시 사용 XHTML DOCTYPE을 반드시 명시 요소적 측면모든 캐그는 순서대로 닫혀야 한다XHTML 문서는 반드시 하나의 root요소를 포함해야 한다 모든 요소는 반드시 소문자로 사용되어야 한다 모든 태그는 반드시 닫혀야 한다 속성적 측면속성값은 반드시 따옴표로 감싼다 반드시 속성값을 명시해야 한다 속성 이름은 반드시 소문자로 사용되어야 한다 HTML과 XHTML 차이점 종료 태그가 없는 빈 태그는 반드시 공백과 슬래시 붙여야함 → 비어있지 않은 요.. 2021. 3. 10. [웹코딩_html_css_jQuery] project_색채우기 버튼 click하여 칸 색채우기 jsfiddle.net/tinapark/o59vha87/4/ IncreaseDecrease - JSFiddle - Code Playground jsfiddle.net 2021. 2. 17. 이전 1 2 다음
