एक टाइमर

Question

मैं JQuery का उपयोग करने के एक टाइमर, यानी का उपयोग कर < ली > वस्तुओं के एक नंबर के माध्यम से पुनरावृति करने के लिए कोशिश कर रहा हूँ के साथ तत्वों के माध्यम से दोहराने में JQuery का उपयोग करना - हर 5 सेकंड के लिए, मैं अगले < ली > वस्तु का उपयोग करना चाहते हैं मेरे < उल > का।

मुझे पता है कि आप .each फ़ंक्शन का उपयोग करके पुन: प्रयास कर सकते हैं, लेकिन मुझे इसके साथ टाइमर को एकीकृत करने में परेशानी हो रही है ताकि प्रत्येक व्यक्ति को अलग-अलग किया जा सके।

मैंने निम्नलिखित की कोशिश की, लेकिन यह सही ढंग से काम नहीं कर रहा था। यह मुझे अंतिम LI तत्व दे रहा था। मुझे लगता है कि ऐसा इसलिए है क्योंकि सेटटाइम अनुक्रमिक नहीं है।

$("#div_image_thumb ul li").each(function(){  
    var myLIobj = $(this); 
    setTimeout(function(){doThis(myLIobj);}, 5000); 
}); 

Answer 1

जॉन फिशर्स दृष्टिकोण अच्छा दिखता है। लेकिन अगर आप jQuery के प्रत्येक के साथ रहना है, जो काफी सुंदर है चाहता हूँ, कोशिश यह (5s, 10s आदि के लिए समय समाप्ति सेट करने के लिए JasonWoof के संकेत के आधार पर):

$("#div_image_thumb ul li").each(function (i) { 
    var $li = $(this); 
    setTimeout(function() { doThis($li); }, 5000 * (i + 1)); 
}); 

Answer 2

कुछ इस तरह ठीक से काम करना चाहिए:

var elements = $("#div_image_thumb ul li"); 
var index = 0; 

var doNext = null; 
doNext = function() { 
    var element = elements.eq(index); 
    // do work 
    if (index < elements.length) { 
    index++; 
    setTimeout(doNext, 5000); 
    } 
} 

Answer 3

मैं अपने कोड के साथ समस्या यह लगता है कि आप एक ही समय में समाप्त करने के लिए कई टाइमर सेट कर रहे हैं है (अब से 5 सेकंड)

तो आप या तो अब से 5 सेकंड के लिए एक टाइमर सेट करने,, और कहा कि ट्रिगर अगले 5 सेकंड टाइमर है की जरूरत है, या आप अलग अलग समय, जैसे 5s, 10s, 15s के लिए सेट के लिए टाइमर का एक समूह निर्धारित करने की आवश्यकता , 20s, आदि

Answer 4

स्वीकार किए जाते हैं जवाब देने के लिए अपनी टिप्पणी के आधार पर - आप तत्वों की संग्रह के माध्यम से पाशन जारी रखने के लिए इस आप एक setInterval और कुछ मदद करने के कार्यों

$(function() { 
    var $lis = $("#div_image_thumb ul li"); 
    var index = 0; 

    // setup a function to show the current one and increase the index 
    var doNext = function() { 
    // assuming doThis is defined somewhere else. 
    doThis($lis.eq(index)); 
    // increment the index - if it is beyond the number of li's - reset it to 0 
    if (++index >= $lis.length) index = 0; 
    }; 

    // call it once as we load 
    doNext(); 
    // set it up to be called every 5000 ms 
    setInterval(doNext, 5000); 
}); 

Answer 5

मैं इस एक सच में मददगार आइटम पाया उपयोग कर सकते हैं के लिए चाहते हैं। जबकि मुझे पता है कि यह पुराना है, मैंने पाया कि यह कार्य एक ऐसे फ़ंक्शन का निर्माण करने में सहायक है जिसे मैं वस्तुओं के विभिन्न सेटों के लिए उपयोग कर सकता हूं। मेरे पास एक पृष्ठ पर कुछ दीर्घाएं हैं और मैं बोर्ड में इसका उपयोग करने में सक्षम होना चाहता हूं। मुझे यकीन नहीं है कि क्या यह गर्नफ के उत्कृष्ट उत्तर के बगल में अनावश्यक है। शायद मैं जावास्क्रिप्ट पर चूसना। मैंने एक पैरामीटर की आवश्यकता है और प्रति पैरामीटर प्रति प्री ECCMA2015 मानकों के लिए डिफ़ॉल्ट सेट करने का निर्णय लिया है, इसलिए इसे पुराने संस्करणों के लिए काम करना चाहिए।

इसकी उपयोगिता यह है कि मैं इसे अपने जेएस इनिट के दौरान शुरू कर सकता हूं और उस पृष्ठ के आधार पर इसे कुछ भी खिला सकता हूं, जिससे मैं आसानी से विभिन्न वस्तुओं के माध्यम से चक्र चला सकता हूं।

 function gallery($lis) { 
    $lis = typeof a !== 'undefined' ? $lis : $("#div_image_thumb ul li"); 
    var index = 0; 

    // setup a function to show the current one and increase the index 
    var doNext = function() { 
    // assuming doThis is defined somewhere else. 
    doThis($lis.eq(index)); 
    // increment the index - if it is beyond the number of li's - reset it to 0 
    if (++index >= $lis.length) index = 0; 
    }; 

    // call it once as we load 
    doNext(); 
    // set it up to be called every 5000 ms 
    setInterval(doNext, 5000); 
};