티스토리 404 페이지에서 메인 화면으로 리다이렉트

404 페이지 확인

이 글 뒤에 이어서 작성하는 글입니다. 404 페이지를 꾸미는 방법은 여기서 확인해주세요.

$(function() {
  var b = $(".article_container"),
      f = $(".absent_post").length,
      h = $(".article_container div");
  0 < f && (document.title = "404 Not Found", h.removeAttr("style"), b.append("<div class=\"nothing inner\"><img src=\"https://i.imgur.com/lgAB1Hp.jpg\"><p>404 Error<p><div>\uBA54\uC778 \uD398\uC774\uC9C0\uB85C \uB3CC\uC544\uAC11\uB2C8\uB2E4...</div></div>"), $(".absent_post").remove(), setTimeout(function() {
    location.href = "/"
  }, 5e3))
})

앞선 포스팅에 작성한 스크립트에 리다이렉션 시키는 스크립트를 추가한 코드입니다.

if ($(".absent_post").length > 0) {
  setTimeout(function() {
    location.href = "/"
  }, 5000)
}

핵심은 여기입니다. .absent_post의 개수가 0개를 초과하면, 5초 뒤에 "/" 경로로 이동하게 하는 스크립트입니다.

5000을 수정하시면 리다이렉션되는 시간을 조절하실 수 있습니다.