jQuery/java | 숫자에서 문자로 형변환 응용

키워드 : 숫자에서 문자로 형변환

무료아이콘 전체게시물 작성일16-05-28 09:15 조회1,700회

본문

숫자에서 문자로 형변환 응용

 

자바스크립트 + jQuery 완전정복 스터디 책

구입해서 ㅋㅋ보고 있는데 신기하네요 이해도 어느 정도 잘 되고

제이쿼리는 전혀 몰라서 막히는 부분도 있지만, 반복적으로 보면 언젠가는...뇌리에 박힐거라 생각한다능..

 

형변환에 대해서 다루는 부분인데

하자 마자 바로 응용을.ㅋㅋㅋㅋ

 

형변환 책에 코드

1초마다 한 번씩 body 배경색을 랜덤하게 변경해주는 코드 미리보기 링크1

응용, 당첨이라는 글자가 적힌 부분을 투명 처리한 png 파일에 1초마다 한 번씩 배경색이 바뀌게 미리보기 링크2 

 

 

<script> 

//1초마다 한 번씩 배경색을 랜덤하게 변경해 주세요
$(document).ready(function(){
 setInterval(function(){
  var color = Math.random()*0xffffff; //0~ffffff사이의 랜덤 색 만들기 이때 결과는 10진수 실수
  color = parseInt(color);   //실수를 정수로 형변환
  color = color.toString(16);   //정수를 16진수 문자로 변경

  $("body").css("background-color","#"+color); //문자로 된 색상으로 최종 배경색 변경
 },1000);
})
</script>

 

링크1,링크2로 가서 소스보기 하면 나오니 따로 코드 적지 않을께요.

비회원도 추천 가능합니다.
유익한 정보였다면, 추천해주세요

추천 7 비추천 0

댓글목록

Css + Html

113개의 게시물
목록
읽기: 1P (1lv), 쓰기: 100P (3lv), 덧글: 10P (2lv), 다운: -10P (2lv)
Css + Html 목록
번호 제목 아이디 날짜 조회수 추천
113 부트스트랩 부트스트랩 모달 (modal) 클릭시 오른쪽에 생기는 여백 17px없애기 무료아이콘 전체게시물 10-12 71 추천: 1
112 css 에어콘 출판사 메인 콘텐츠 레이아웃 관련링크 무료아이콘 전체게시물 09-13 85 추천: 1
111 css float 중앙 정렬 시키기 무료아이콘 전체게시물 09-11 113 추천: 1
110 css 모바일에서 입력창 input 클릭시 확대되는 거 막기 관련링크 무료아이콘 전체게시물 09-04 99 추천: 1
109 jQuery/java 다양한 사이드바 소스 사이드바 플러그인 관련링크 무료아이콘 전체게시물 09-02 99 추천: 1
108 css 크롬 노란 input 배경 없애기 무료아이콘 전체게시물 08-27 142 추천: 1
107 css input에 입력폼에 글자 미리 넣어두기 무료아이콘 전체게시물 08-25 98 추천: 1
106 css 마진 여백 사용시 %넓이 깨지는 경우와 width100%밀림 깨짐 해결하기 무료아이콘 전체게시물 08-17 331 추천: 1
105 etc 브라우저 별 CSS 핵 관련링크 무료아이콘 전체게시물 08-09 117 추천: 1
104 css 목록(리스트)형식의 css에 텍스트 블릿 사용하기 무료아이콘 전체게시물 08-08 79 추천: 1
103 css 넓이 100%에 25%씩 4개값을 줬는데 줄바꿈 되는 경우 ㅠㅠ 댓글1 무료아이콘 전체게시물 07-17 177 추천: 1
102 부트스트랩 동영상 슬라이드 댓글2 관련링크 무료아이콘 전체게시물 01-20 1415 추천: 16
101 부트스트랩 다중,멀티 스타일시트 우선순위 무료아이콘 전체게시물 01-19 1680 추천: 15
100 부트스트랩 부트스트랩 nav 높이를 높였을 때 다른 div 와 겹치는 현상 무료아이콘 전체게시물 01-17 1060 추천: 14
99 부트스트랩 부트스트랩에 swiper로 네이버 터치 스크롤링 메뉴 만들기 관련링크 무료아이콘 전체게시물 01-17 4205 추천: 15
게시물 검색