افکت نمایش کلمات به صورت Typing در جاوا اسکریپت

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

شما توسط این تابع میتوانید هر کلمه یا جمله ای که دوست دارید را با افکت جالب typing در صفحه ی وب سایت خود نمایش دهید .

این افکت به صورت خالص توسط جاوا اسکریپت نوشته شده و از کتابخانه های دیگر این زبان استفاده نشده است .

برای این کار کافیست ابتدا کد زیر را در فایل script خود قرار دهید :

vmsString = 'Vahid Majidi Sadr | www.اسکریپت.com';
vmsVar = 0;

function vmsFunc(){	
document.getElementById("vmsTyping").innerHTML=vmsString.substr(0,vmsVar);
vmsVar++;
	if(vmsVar<=vmsString.length+4){
		setTimeout("vmsFunc()",200);	
	}else{
		document.getElementById("vmsTyping").innerHTML="";
		vmsVar=0;
		setTimeout("vmsFunc()",200);	
	}
}
window.onload=vmsFunc;

حال در html , در هر مکانی که دوست دارید این نوشته نمایش داده شود , تگی دلخواه ولی با آی دی vmsTyping باز کنید و در درون آن چیزی ننویسید .

به عنوان مثال :

<p id="vmsTyping"></p>

توجه : شما عزیزان به راحتی میتوانید با تغییر عدد 200 در بالا , سرعت حرکت را بیشتر و یا کمتر نمایید .

دموی افکت

پخش اختصاصی

گرداوری و آموزش : وحید مجیدی