웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[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