웹마스터 팁
[JavaScript] 시간대별로 각기 다른 배경 이미지를 보여주는 스크립트
2002.02.24 09:29
예제) http://www.jasko.co.kr/java_data/200109/time_bgimg.html
<HTML>
<HEAD>
<TITLE> Jasko Sample Script </TITLE>
</HEAD>
<BODY>
<!------ 아래의 방식으로 BODY 부분에 스크립트나 태그를 붙여 넣으세요 ------------------->
<script language="JavaScript">
<!--
day=new Date()
x=day.getHours() // 지금시간이
if(x>=0 && x<4) { // 밤12시에서 4시 사이 이면 아래 경로의 배경이미지를 보여줍니다
document.write('<body background="http://www.jasko.co.kr/java_data/200109/backgr10.jpg">')
} else
if(x>=4 && x<12) { // 4시에서 낮 12시 사이
document.write('<body background="http://www.jasko.co.kr/java_data/200109/backgr11.jpg">')
} else
if(x>=12 && x<18) { // 12시에서 저녁 6시 사이
document.write('<body background="http://www.jasko.co.kr/java_data/200109/backgr12.jpg">')
} else
if (x>=18 && x<24) { // 저녁8시에서 밤 12시 사이
document.write('<body background="http://www.jasko.co.kr/java_data/200109/backgr13.jpg">')
}
<!--
</script>
<!------------------------ 여기까지 ------------------------------->
<CENTER><B>지금 몇시일까요? 이 배경이미지는 시간대별로 다르게 나타납니다</B></CENTER>
</BODY>
</HTML>
- Jasko
<HTML>
<HEAD>
<TITLE> Jasko Sample Script </TITLE>
</HEAD>
<BODY>
<!------ 아래의 방식으로 BODY 부분에 스크립트나 태그를 붙여 넣으세요 ------------------->
<script language="JavaScript">
<!--
day=new Date()
x=day.getHours() // 지금시간이
if(x>=0 && x<4) { // 밤12시에서 4시 사이 이면 아래 경로의 배경이미지를 보여줍니다
document.write('<body background="http://www.jasko.co.kr/java_data/200109/backgr10.jpg">')
} else
if(x>=4 && x<12) { // 4시에서 낮 12시 사이
document.write('<body background="http://www.jasko.co.kr/java_data/200109/backgr11.jpg">')
} else
if(x>=12 && x<18) { // 12시에서 저녁 6시 사이
document.write('<body background="http://www.jasko.co.kr/java_data/200109/backgr12.jpg">')
} else
if (x>=18 && x<24) { // 저녁8시에서 밤 12시 사이
document.write('<body background="http://www.jasko.co.kr/java_data/200109/backgr13.jpg">')
}
<!--
</script>
<!------------------------ 여기까지 ------------------------------->
<CENTER><B>지금 몇시일까요? 이 배경이미지는 시간대별로 다르게 나타납니다</B></CENTER>
</BODY>
</HTML>
- Jasko
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| [JavaScript] 마우스를 대기만 하면 팝업창을 엽니다 | SM | 2002.02.24 |
| [JavaScript] 마우스를 대기만 해도 다른 사이트로 이동합니다 [3] | SM | 2002.02.24 |
| [JavaScript] 시간대별로 각기 다른 배경 이미지를 보여주는 스크립트 [1] | SM | 2002.02.24 |
| [JavaScript] 일반적인 형태의 전체크기 윈도우 열기 | SM | 2002.02.24 |
| [JavaScript] 채널모드로 윈도우 열기 | SM | 2002.02.24 |
| [JavaScript] 전체화면으로 페이지 열기 [2] | SM | 2002.02.24 |
| [JavaScript] 텍스트 상자에서 메세지가 타이핑 됩니다 | SM | 2002.02.24 |
| [JavaScript] 가짜 카운터 달기 | SM | 2002.02.24 |
| [JavaScript] 오늘 날짜와 요일 넣기 | SM | 2002.02.24 |
| [JavaScript] 홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려줍니다 [1] | SM | 2002.02.24 |
| [JavaScript] 랜덤 듀레이션 효과 - 페이지 들어오고 나갈때 벗겨지는 효과 보여주기 [1] | SM | 2002.02.24 |
| [JavaScript] 창의 사이즈 변경 금지 시키기 | SM | 2002.02.24 |
| [JavaScript] 이미지나 버튼 클릭시 생기는 점선 없애기 [1] | SM | 2002.02.24 |
| [JavaScript] 자바스크립트 버튼에 링크 걸기 | SM | 2002.02.24 |
| [JavaScript] 마우스 커스 이동만으로 배경색상을 바꾸어보자 | SM | 2002.02.24 |
| [JavaScript] 웹문서에 주소창 넣기 스크립트 [4] | SM | 2002.02.24 |
| [JavaScript] 창을 열면 인사하는 간단한 스크립트 | SM | 2002.02.24 |
| [JavaScript] 폼 버튼을 클릭하면 경고 메세지 보내기 | SM | 2002.02.24 |
| 자바스크립트로 변수처리하기! | 두기두바 | 2002.02.22 |
| 폼 항목중 입력하지 않을때 경고창 띄우기 | Topy | 2002.02.22 |