문제 : 포탈의 검색창이 있다고 했을 때 이 안에 들어 갈 키워드를 순차적으로 보이게 하며, 해당 검색창을 클릭 했을 때 순차적으로 보이는 것을 멈추게 함.
<script>
var photos = ['1.jpg', '2.jpg', '3.jpg'];
var photo_index = 0;
$(function() {
var timer = null;
var input = document.getElementById('inputcode');
function tick() {
photo_index = (photo_index + 1) % photos.length;
$('#inputcode').val(photos[photo_index]);
start();
};
function start() {
timer = setTimeout(tick, 1000);
};
function stop() {
clearTimeout(timer);
};
$('#inputcode').bind("click", stop);
start();
});
</script>
</head>
<body>
<input type="text" id="inputcode" >
---------------
프로타입은 구글링에서 찾았고, 여기서 더 수정했습니다.
'tech > javascript' 카테고리의 다른 글
| 그누보드 어드민 페이지에서 메뉴 오버-> 서브 메뉴가 GNB 좌측 아래에 보이는 증상 (0) | 2012.11.27 |
|---|---|
| 1000단위 콤마, 소숫점 (0) | 2012.10.10 |
| 그누보드 어드민 페이지_GNB에 마우스 오버 시 서브 메뉴 정상적이지 않는 것 (0) | 2012.09.27 |
| prototype 프레임웍과 jquery를 같이 쓰기 (0) | 2012.03.16 |
| JQUERY 항상 최신 버전으로 사용하기! (3) | 2012.02.24 |