범위의 내용을 임의로 회전하십시오.

<span>의 텍스트를 7 개의 청크 중 하나로 변경하려고합니다. 아래의 자바 스크립트를 사용하여 도움을 줄 수있는 자습서를 찾았지만 <ul>에 보관 된 선택 항목에 의존합니다. 나는 기존의 단락 내에 나타나는 변경된 텍스트가 필요하기 때문에 내가 할 수 있다고 생각하지 않는다.범위의 내용을 임의로 회전하십시오.

저는 스팬에 ID를 부여한 다음 자바 스크립트에서 콘텐츠의 다양한 옵션을 설정할 수 있다고 생각합니다.

페이지가로드되거나 새로 고침 될 때마다 변경 사항이 임의로 발생하기 만하면됩니다. 사용자 입력 또는 타이머에서 발생하는 것과 같이 복잡한 것은 아닙니다.

다음은 튜토리얼에서 찾은 스크립트입니다. 아마도 간단한 수정 일뿐입니다. 나는 그런 초보자이지만 철자가없는 한 어디서부터 시작해야할지 몰라요. 이 같은

<script type="text/javascript"> 

this.randomtip = function(){ 
    var length = $("#tips li").length; 
    var ran = Math.floor(Math.random()*length) + 1; 
    $("#tips li:nth-child(" + ran + ")").show(); 
}; 

$(document).ready(function(){ 
    randomtip(); 
}); 

</script>

출처

2013-08-07 Edd Tillen

당신이 JQuery와 사용하는 경우, 항상 JQuery와 태그를 추가합니다. 왜냐하면'(JavaScript == JQuery) && (JavaScript! == JQuery) === true;' –

뭔가 작동합니다

자바 스크립트

<script type="text/javascript"> 
    $(document).ready(function() { 

     // hide all of the tips 
     $('#tips').children('.tip').hide(); 

     // randomly select one tip to show 
     var length = $("#tips .tip").length;  
     // **EDIT ** 
     // This code was buggy! 
     //var ran = Math.floor(Math.random()*length) + 1; 
     //$("#tips .tip:nth-child(" + ran + ")").show(); 
     // Use this instead: 
     var ran = Math.floor((Math.random()*length)); 
     $('#tips > .tip:eq('+ran+')').show(); 
    }); 
</script>

HTML

<p id="tips"> 
    <strong>Random Tip: </strong> 
    <span class="tip">This is tip 1.</span> 
    <span class="tip">This is tip 2.</span> 
    <span class="tip">This is tip 3.</span> 
    <span class="tip">This is tip 4.</span> 
    <span class="tip">This is tip 5.</span> 
    <span class="tip">This is tip 6.</span> 
    <span class="tip">This is tip 7.</span> 
</p>

출처

2013-08-07 14:57:21 Drew

훌륭하게 작동합니다. 도와 주셔서 대단히 감사합니다. –

범위의 내용을 임의로 회전하십시오.

답변

관련 문제