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

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

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

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

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

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

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