목록js (12)

수학과의 좌충우돌 프로그래밍

[javascript] Audio 객체를 이용한 음악 파일 다루기

html5 부터는 javascript 를 이용하여 간단히 음악 파일을 다룰 수 있습니다. 이에 대해서 알아보도록 하겠습니다. Audio 객체 그러기 위해서는 Audio 객체를 사용합니다. 이를 선언하는 방법은 다음과 같습니다. var audioFile = new Audio(); Audio 객체 는 다음과 같은 속성을 가집니다. src 음악 파일의 경로나 url 을 지정합니다. volume 음악의 음량을 설정합니다. 0~1 사이의 값을 가지며, 1에 가까울수록 소리가 큽니다. currentTime 음악의 재생 지점입니다. 초 단위이며. 0 값인 경우에 처음부터 음악을 재생합니다. loop 음악의 반복 여부를 결정하며 boolean 값을 갖습니다. Audio 객체 는 다음과 같은 메소드를 가집니다. play..
웹프로그래밍/javascript 2019. 7. 23. 04:12
[javascript]삭제 시 경고창 띄워주기

삭제 시 경고창 띄워주기 현재 post 한 글과 댓글이 삭제 버튼을 누르게 되면 망설임없이 바로 삭제 된다. 삭제 시에는 복원이 불가능하고 실수할 가능성이 있기 떄문에 경고창을 띄워서 이를 해결하자. post한 글과 댓글 경고창을 처리한 방식의 약간의 차이가 있어서 따로 다뤄주겠다. post 글 삭제 경고창 우선 기존의 삭제는 a 태그를 통해서 글을 삭제하는 기능을 수행하도록 url을 넘겨주었다. Delete 이제 바로 url을 넘겨주지 않고 modal 을 띄워준 후 modal 에서 삭제하기 를 누를 시 이 url로 넘어가도록 하겠다. 기존의a 태그를 수정해주자. Delete data-toggle="modal": 모달 창을 여는 역할 data-target="#CatModal": 모달의 id로 연결해주는 ..
웹프로그래밍/javascript 2019. 4. 3. 10:33
Prev 1 2 Next

티스토리툴바