⊗jsPrSlTx 37 of 62 menu

जावास्क्रिप्ट में टेक्स्ट स्लाइडर

इस भाग में हम स्लाइडर बनाने पर काम करेंगे। हम सबसे सरल से शुरू करेंगे और धीरे-धीरे जटिल बनाते जाएंगे।

सबसे पहले हम एक टेक्स्ट स्लाइडर बनाएंगे। यह स्लाइडर एक डिव के रूप में होगा, जिसमें हर सेकंड टेक्स्ट बदलता रहेगा:

<div id="slider"></div>

स्लाइडर के लिए टेक्स्ट हम एक ऐरे में संग्रहित करेंगे:

let texts = ['text1', 'text2', 'text3'];

समाधान का एल्गोरिदम निम्नलिखित होगा: एक टाइमर शुरू करना होगा जो हर सेकंड हमारे डिव में ऐरे का एक नया एलिमेंट डालेगा - पहले पहला, फिर दूसरा, फिर तीसरा, और फिर फिर से पहला और इसी तरह चक्र में चलता रहेगा।

वर्णित स्लाइडर को लागू करें।

हिन्दी
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
हम साइट के कार्य, विश्लेषण और व्यक्तिगतकरण के लिए कुकीज़ का उपयोग करते हैं। डेटा प्रसंस्करण गोपनीयता नीति के अनुसार किया जाता है।
सभी स्वीकार करें कॉन्फ़िगर करें अस्वीकार करें