دوره های پرنیان

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

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

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

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

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

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

در کلاس طراحی سایت دوره شانزدهم مدرسه پرنیان ، به سفارش یکی از دانشجویان این دوره، همین کد را بصورت کاملا داینامیک نوشتیم و برای شما عزیزان نیز بصورت 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);

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

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

کلاس طراحی سایت