안녕하세요 선생님
<!DOCTYPE html>
<html>
<head>
<title>방문 시간에 따라 변하는 배경색</title>
</head>
<body>
<h3>페이지 방문 초시간이 짝수이면 violet, 홀수이면 lightskyblue 배경</h3>
<hr>
<script>
var current = new Date();
if(current.getSeconds() % 2 ==0)
document.body.style.backgroundColor = "violet";
else
document.body.style.backgroundColor = "lightskyblue";
document.write("현재 시간: ");
document.write(current.getHours(), "시,");
document.write(current.getMinutes(), "분,");
document.write(current.getSeconds(), "초<br>");
</script>
</body>
</html>
배경색을 바꾸려면 수동적으로 새로고침을 눌러야 하는데
자동으로 배경색이 바뀌게 하려면 코드를 어떻게 바꿔야 하는지 가르쳐 주시면 감사하겠습니다.
읽어주셔서 감사합니다
의 의미는 무엇입니까?
그러니까 시간이 흐르면서 1초단위로 홀수 초 시간에는 lightskyblue, 짝수 초시간에는 violet 배경색으로 바뀌게 하고자 하는 것인가요?
만일 그렇다면 이 문제는
setInterval() 함수를 이용하여 1초 간격으로 배경색을 바꾸는 자바스크립트 코드를 작성해야 합니다.
443 페이지의 setInterval() 함수를 먼저 공부하세요.
var timerID = setIntreval("change()", 1000); 함수를 처음에 실행시키고
function change() {
// 배경색으로 설정하는 코드를 작성하면 됩니다.
}