몇 초마다 단어를 변경하는 자바 스크립트 기능이 있습니다. 다음은 코드입니다.
<div id="changeText" >Hello</div>
<script type="text/javascript">
var text = ["Welcome", "Hi", "Sup dude"];
var counter = 0;
var elem = document.getElementById("changeText");
setInterval(change, 5000);
function change() {
elem.innerHTML = text[counter];
counter++;
if(counter >= text.length) { counter = 0; }
}
</script>
이것은 잘 작동하지만 텍스트를 페이드 인 / 페이드 아웃하는 방법이 있는지 궁금합니다.
내가 할 일은 다음과 같습니다. 텍스트를 페이드 아웃하고 변경 한 다음 다시 페이드 인합니다.
var text = ["Welcome", "Hi", "Sup dude"];
var counter = 0;
var elem = document.getElementById("changeText");
setInterval(change, 1500);
function change() {
$(elem).fadeOut('fast', function() {
$(elem).text(text[counter++]);
if (counter >= text.length) {
counter = 0;
}
$(elem).fadeIn('fast');
});
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다