توابع آماده جاوا اسکریپت – اسکریپت دات کام https://www.xn--mgbguh09aqiwi.com اسکریپت دات کام Sun, 20 Dec 2015 19:59:16 +0000 fa-IR hourly 1 https://wordpress.org/?v=5.6.14 افکت نمایش کلمات به صورت Typing در جاوا اسکریپت https://www.xn--mgbguh09aqiwi.com/%d8%a7%d9%81%da%a9%d8%aa-%d9%86%d9%85%d8%a7%db%8c%d8%b4-%da%a9%d9%84%d9%85%d8%a7%d8%aa-%d8%a8%d9%87-%d8%b5%d9%88%d8%b1%d8%aa-typing-%d8%ac%d8%a7%d9%88%d8%a7-%d8%a7%d8%b3%da%a9%d8%b1%db%8c%d9%be%d8%aa.html https://www.xn--mgbguh09aqiwi.com/%d8%a7%d9%81%da%a9%d8%aa-%d9%86%d9%85%d8%a7%db%8c%d8%b4-%da%a9%d9%84%d9%85%d8%a7%d8%aa-%d8%a8%d9%87-%d8%b5%d9%88%d8%b1%d8%aa-typing-%d8%ac%d8%a7%d9%88%d8%a7-%d8%a7%d8%b3%da%a9%d8%b1%db%8c%d9%be%d8%aa.html#comments Sun, 20 Dec 2015 19:49:23 +0000 http://www.xn--mgbguh09aqiwi.com/?p=14717 در این پست قصد دارم یک تابع ساخته شده برای نمایش کلمات به صورت حرف به حرف توسط زبان جاوا اسکریپت را آموزش دهم .

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

دموی افکت

پخش اختصاصی

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

]]>
https://www.xn--mgbguh09aqiwi.com/%d8%a7%d9%81%da%a9%d8%aa-%d9%86%d9%85%d8%a7%db%8c%d8%b4-%da%a9%d9%84%d9%85%d8%a7%d8%aa-%d8%a8%d9%87-%d8%b5%d9%88%d8%b1%d8%aa-typing-%d8%ac%d8%a7%d9%88%d8%a7-%d8%a7%d8%b3%da%a9%d8%b1%db%8c%d9%be%d8%aa.html/feed 3