ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [나만쓰지않는다] 랜덤포스트 소스공유
    카테고리 없음 2021. 12. 29. 14:12
    300x250

    이전에 랜덤포스팅 버튼소스를 공유했었는디유

     

    그게 적용이 안되어 이번에 다른것을 찾아보고

    적용되어 공유하게 되었습니다

     

    필요하신분에게 도움이 되면 좋겠네유

     

    복붙하시면 됩니다

    html에다가

    <div id="random-button" style="cursor:pointer; width:fit-content; margin:auto;" onclick="random()">>>>>>>>>>🏄&zwj;
    </div>
    <script>
    // random-button function
    // 참고 : https://ddamddon.tistory.com/10173
    var randomHashTag = "#random"; // 랜덤 버튼을 통해 리디렉션됨을 체크하기 위한 해시태그 값 

    // 게시글을 랜덤하게 리디렉션 시키는 함수
    function random() {
    var postCount = 8629; // 기본 게시글 최대값
    if(!!document.getElementById("post-count")) {
    postCount = document.getElementById("post-count").innerHTML; // post-count 라는 id 값을 가진 태그의 HTML 내용을 가져온다.
    }
    var randomPostId = Math.floor(Math.random() * (postCount - 1 + 1)) + 1; // 1번 게시글부터 마지막 게시글까지의 랜덤한 id를 정수로 가져온다.
    location.href = '/'+randomPostId + randomHashTag; // 랜덤한 id의 게시글로 리디렉션 한다. (예 : /127#random)
    }

    // 만약 실제 존재하지 않는 게시글 id로 리디렉션 되었을 경우,
    if($(".absent_post").css("display") == "block") {
    var currentHashTag = location.hash; // url의 해시 값을 가져온다.
    if (currentHashTag == randomHashTag) { // url의 해시 값이 #random 일 경우,
    $(".absent_post").html("다른 글을 찾는 중...");
    random(); // random() 함수를 실행한다.
    }
    }
    </script>

     

    요렇게 붙여넣으면 서핑하는 버튼이 생기는것입니다 ㅋ>>>>>>>>>🏄‍

    300x250
    반응형
Designed by Tistory.