Frontend/JavaScript26 자바스크립트로 특정 날짜와 현재 날짜 비교하여 x시간전, x분전, x초전 구현하기 특정 날짜와 현재 날짜를 비교해서 "x시간 전, x분 전, x초 전, 방금 전" 과 같은 문구를 리턴해주는 javascript 구현. 실제 돌아가는 메커니즘은 구글링만 해도 금방 나오는데, 이해하고 내꺼화하며 적용하기가 쉽지 않았다.그래도 구현하니 뿌듯함 ㅠㅠ !!!!! * 구현방법 *1. BODY 내부12cs2. 돌아가도록 선언한 JAVASCRIPT1234567891011//마지막으로 작성된 댓글시간 출력을 함수로 만들고function refreshDate(){ $("#commLastTime").text(transferTime( $("#commLastTime").attr("class") ) );} $(function(){ //마지막으로 작성된 댓글시간 출력을 함수 바로 실행 refreshDate(); .. 2018. 7. 18. 자바스크립트에서 contains 사용? 자바스크립트에선 contains 사용이 불가능하다.자바문법으로 생각하고 스크립트에 contains 썼다가 contains is not a function 에러가 나서 찾아보니,자바스크립트에서는 indexOf() 를 사용해야한다고 한다. 2018. 7. 17. 페이지 최상단으로 이동시키는 스크립트 현재 보고있는 페이지에서 특정 버튼클릭시 맨 위로 이동되게끔 구현할 땐, 아래 구문을 쓰자 !1$("body").scrollTop(0);cs 2018. 7. 13. 현재시스템 날짜와 시간 구하는 자바스크립트 컨트롤단을 타지 않고 뷰단에서 현재 시스템날짜와 시간을 javascript로 구해야해서 만들었다.아래 function 참고하여 원하는대로 커스텀하면 좋을듯! 12345678910111213141516171819//현재 시스템 날짜+시간 가져오고 포맷을 바꾼 자바스크립트function formatDate(today) { var month = (today.getMonth() + 1); var day = today.getDate(); var hours = today.getHours()+''; //''을 안넣으면 문자취급이 안되어 아래 조건문 성립불가 var min = today.getMinutes()+''; var sec = today.getSeconds()+''; if (month.length 2018. 7. 10. 아이콘을 화면에 고정시키기 .jsp body 내부에 img 설정하고1cs.jsp head에 style로 이렇게 지정하면12345678 .addBoard { position: fixed; bottom: 300px; right: 300px; width: 50px; height: 50px; z-index:999; }cs+ position : fixed 로 놓게 되면 아이콘이 계속 고정이 되고,z-index : 999 로 놓게 되면 해당 아이콘이 화면단 최상에 올라간다. 이렇게 스크롤을 내려도 둥둥뜨는 이미지 설정가능하다 :) 2018. 7. 2. [JavaScript] DB데이터 구글차트 활용하여 그래프화 시키기 💡 구글 개발자센터 참고하러 가기 # DB에 존재하는 데이터를 화면단에 뿌려주는 방법 1) Controller > DB에서 가져온 값을 가공하여 뷰단에 전달 @RequestMapping("/statsUser.do") public String statsUser(Model model) throws Exception{ System.out.println("/statsUser.do"); Map map = userService.getQuitUserList(); //map에 두개가 담겨져 있음 //List user //Map reason Map reason = (Map) map.get("reason"); //데이터 가공 후 전달 String result = ""; Set reasonKeys = reason.keySe.. 2018. 5. 8. 이전 1 2 3 4 5 다음
