2010-07-20 16 views
85

वेबसाइट पर फ़ंक्शन करने के लिए मुझे क्या करना है जहां यह कहता है कि यह आपको 3 सेकंड या उससे भी अधिक समय में साइट पर रीडायरेक्ट करेगा?कुछ समय के बाद वेबसाइट को रीडायरेक्ट करें

+2

संभावित डुप्लिकेट [मैं किसी अन्य पृष्ठ (सफलता पृष्ठ) के माध्यम से किसी पृष्ठ (होम) पर रीडायरेक्ट कैसे कर सकता हूं जहां कुछ सफलता संदेश प्रदर्शित किया जाना है?] (Http://stackoverflow.com/questions/2949301/how-can -i-redirect-to-a-page-home-via-another-pagesuccess-page-where-some-suc) – kennytm

+0

मैं सिर्फ उत्सुक हूं, आप कभी ऐसा क्यों करना चाहेंगे? हर बार जब मैं इस तरह का पेज देखता हूं, तो मुझे 0 सेकंड में निर्देशित किया गया था। – allesklar

+0

@allesklar देर से उत्तर के लिए खेद है। मैं एक साइट के विकास में हूं, और मैं देखना चाहता था कि हर बार रीफ्रेश मारने के बिना कोड एडिटर से वेब ब्राउज़र में स्विच करना आसान था या नहीं। – codedude

उत्तर

138
<meta http-equiv="refresh" content="3;url=http://www.google.com/" /> 
+0

धन्यवाद। यह मेरे लिए काम करता है ... –

50

आप शायद metarefresh tag लिए देख रहे हैं:

<html> 
    <head> 
     <meta http-equiv="refresh" content="3;url=http://www.somewhere.com/" /> 
    </head> 
    <body> 
     <h1>Redirecting in 3 seconds...</h1> 
    </body> 
</html> 

नोट metarefresh के उपयोग पदावनत और इन दिनों पर सिकोड़ी है, लेकिन कभी कभी यह, उदाहरण के लिए (केवल व्यवहार्य विकल्प है कि अगर आप HTTP रीडायरेक्ट हेडर की सर्वर-साइड पीढ़ी करने में असमर्थ हैं और/या आपको गैर-जावास्क्रिप्ट क्लाइंट आदि का समर्थन करने की आवश्यकता है)।

4

सबसे आसान तरीका है इस तरह एचटीएमएल META टैग का प्रयोग किया जाता है:

<meta http-equiv="refresh" content="3;url=http://example.com/" /> 

WikiPedia

36

आप अधिक नियंत्रण आप जावास्क्रिप्ट के बजाय का उपयोग कर सकते मेटा टैग का उपयोग करना चाहते हैं। यह आपको किसी प्रकार का दृश्य देखने की अनुमति देगा, उदाहरण के लिए उलटी गिनती

यहाँ का उपयोग कर setTimeout()

<html> 
 
    <body> 
 
    <p>You will be redirected in 3 seconds</p> 
 
    <script> 
 
     var timer = setTimeout(function() { 
 
      window.location='http://example.com' 
 
     }, 3000); 
 
    </script> 
 
</body> 
 
</html>

+0

यदि आप पाठ को गतिशील रूप से रीडायरेक्ट से पहले 0 तक गिनना चाहते हैं तो यह जाने का तरीका होगा। 1 सेकंड टाइमर का उपयोग करें, जहां टाइमर फ़ंक्शन HTML टेक्स्ट अपडेट करता है और उसके बाद एक नया 1 सेकंड टाइमर शुरू करता है, जब तक कि 3 सेकंड बीत न जाए, फिर रीडायरेक्ट करें। –

+0

रन कोड स्निपेट बॉक्स –

2

प्लेस निम्न HTML अपने HTML कोड के और टैग के बीच कोड अनुप्रेषित एक बहुत ही बुनियादी दृष्टिकोण है।

<meta HTTP-EQUIV="REFRESH" content="3; url=http://www.yourdomain.com/index.html">

ऊपर एचटीएमएल रीडायरेक्ट कोड तुरन्त एक और वेब पेज के लिए अपने आगंतुकों रीडायरेक्ट करेगा। सामग्री = "3; ब्राउज़र को पुनर्निर्देशित करने से पहले प्रतीक्षा करने के लिए सेकंड की संख्या में बदला जा सकता है। 4, 5, 8, 10 या 15 सेकंड, आदि

0

पृष्ठ को रीडायरेक्ट करने के लिए इस सरल जावास्क्रिप्ट कोड का उपयोग करें पेज समय की विशिष्ट अंतराल का उपयोग करके ...

कृपया अपने वेब साइट पेज है, जो आप रीडायरेक्ट करना चाहते हैं में इस कोड जोड़ें:

<script type="text/javascript"> 
(function(){ 
    setTimeout(function(){ 
    window.location="http://brightwaay.com/"; 
    },3000); /* 1000 = 1 second*/ 
})(); 
</script> 
+0

'मेटा http-equiv =" ताज़ा करें "सामग्री =" 3; url = http: //example.com/ "/>' बेहतर विकल्प है क्योंकि यह आसान है और काम करता है जावास्क्रिप्ट समर्थन के बिना। – Edward

+0

आप सही ब्रो हैं ... लेकिन यह स्थिति पर निर्भर करता है .. कभी-कभी हमें उस विशेष जेएस के लिए विशिष्ट घटना पर रीडायरेक्ट करने की आवश्यकता होती है। –

+0

मुझे आपका मतलब है, "सनी एसएम"। हालांकि मेटा टैग लगभग हमेशा इस्तेमाल किया जाना चाहिए, आपके जैसे विशिष्ट परिदृश्य हो सकते हैं जहां जावास्क्रिप्ट एकमात्र विकल्प होगा। – Edward

9

यहां एक संपूर्ण (अभी तक सरल) एक्स सेकंड के बाद पुन: निर्देशित होने उदाहरण है , काउंटर डिवी अपडेट करते समय:

<html> 
<body> 
    <div id="counter">5</div> 
    <script> 
     setInterval(function() { 
      var div = document.querySelector("#counter"); 
      var count = div.textContent * 1 - 1; 
      div.textContent = count; 
      if (count <= 0) { 
       window.location.href="https://example.com"; 
      } 
     }, 1000); 
    </script> 
</body> 
</html> 

counter div की प्रारंभिक सामग्री प्रतीक्षा करने के लिए सेकंड की संख्या है।

+0

यह तब तक काम नहीं करता जब तक कि मैंने 'location.href =" https://example.com "को प्रतिस्थापित नहीं किया;' 'window.location = 'https: // example.com'' – NateH06

+0

धन्यवाद, संपादित उत्तर। – noamtm

संबंधित मुद्दे