프론트엔드 공부/js예제 (4) 썸네일형 리스트형 텍스트를 음성으로 변환 가능한 코드 function speak(text, opt_prop) { if (typeof SpeechSynthesisUtterance === "undefined" || typeof window.speechSynthesis === "undefined") { alert("이 브라우저는 음성 합성을 지원하지 않습니다.") return } window.speechSynthesis.cancel() // 현재 읽고있다면 초기화 const prop = opt_prop || {} const speechMsg = new SpeechSynthesisUtterance() speechMsg.rate = prop.rate || 1 // 속도: 0.1 ~ 10 speechMsg.pitch = prop.pitch || 1 // 음높이: 0 .. getTimezoneOffset으로 각나라 시간대 구하기 UTC기준 이란 영국 런던을 기준으로 지역에 따른 시간차이를 나타내는 기준을 의미한다 세계 시간대를 각각알아보기 위한 코드를 하단에 작성해보았다. let d = new Date(); // console.log(d) let utc_offset = d.getTimezoneOffset(); d.setMinutes(d.getMinutes() + utc_offset); console.log (d); //utc기준 9 //korea> +9 let korea_offset =9*60; let korea_time = d.setMinutes(d.getMinutes() + korea_offset); let kt = new Date(korea_time) console.log(kt.toString()); //russia > +.. highlight 예제(css javascript hover시 width 값이 조정) 원하는 위치에 마우스를 호버시 width 값이 조정되며 따라다니는 highlight입니다. https://codepen.io/fangmin/pen/jOBrdEy?editors=1111 css 변수 js로 핸들링하기 예제 css 변수를 따로 설정하여 js로 핸들링 할수 있는 폰트 변경 예제입니다. https://codepen.io/fangmin/pen/LYWZgdK?editors=1111 이전 1 다음
