نوشتن و پاک کردن چند جمله بروی سایت(تایپ کردن با جاوا اسکریپت)

همانطور که از عنوان مقاله مشخص هست، در این پست قصد داریم تا به آموزش نوشتن و پاک کردن چند جمله بروی سایت بپردازیم.

سخت تر از توضیح کد های جاوا اسکریپت آن، توضیح خود مسئله است.

بارها دیده اید که برخی از وبسایت های شخصی، پورتفولیو و … درقسمت عنوان یا بالای سایت، جملاتی بصورت اتوماتیک توسط سیستم نوشته و پاک میشود.

این نوشتن مشابه تایپ کامپیوتری است و نمای جالبی به سایت شما خواهد داد.

در کلاس طراحی سایت دوره شانزدهم مدرسه پرنیان ، به سفارش یکی از دانشجویان این دوره، همین کد را بصورت کاملا داینامیک نوشتیم و برای شما عزیزان نیز بصورت open source در این پست قرار دادیم.

از آن استفاده کنید و جلوه زیبایی به سایت خود دهید.

کد های قسمت جاوا اسکریپت را بخوانید:

const names = ['hello', 'i am web developer', 'my name is arsam ghorbanian', 'test']
        // console.log(names[50].length);
        let demo = document.getElementById('demo')
        let i = 1
        let x = ''
        let k = 0
        let num = 0
        function setName() {
            console.log(num);
            x = names[num]
            k = x.length
            if (num < names.length-1) {
                num++
            } else {
                num = 0
            }
        }
        // debugger
        setName()
        const myWrite = () => {
            if (i <= x.length) {
                demo.innerHTML = x.slice(0, i)
                i++
            } else {
                if (k >= 0) {
                    demo.innerHTML = x.slice(0, k)
                    k--
                } else {
                    console.log('salam');
                    i = 1
                    setName()
                    // k = x.length
                }
            }
        }
        setInterval(myWrite, 100);

دانلود سورس کد

امیدواریم از این مقاله تایپ کردن با جاوا اسکریپت نهایت استفاده را برده باشید و آن را با دوستانتان به اشتراک بگذارید. تیم تولید محتوای مدرسه اینترنتی پرنیان این مقاله را تهیه کرده است.