جهت ورود به تالار گفتمان سایت کلیک کنید


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

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

شما توسط این تابع میتوانید هر کلمه یا جمله ای که دوست دارید را با افکت جالب 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 در بالا , سرعت حرکت را بیشتر و یا کمتر نمایید .

دموی افکت

پخش اختصاصی

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

جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

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

  1. میلاد مجیدی گفت:

    با سلام
    اقای مجیدی
    چگونه از تکرار جلوگیری کنیم؟ پس از یکبار ثابت بماند

  2. رضا گفت:

    عالی بود استاد مجیدی

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

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