امیرحسین نائی | امیر اچ ان

تغییر رنگ مداوم یک متن

تغییر رنگ مداوم یک متن

بدون مقدمه میرم سر آموزش ...
خب ، مثلا ما میخواییم متنمون به ترتیب رنگ های (قرمز،آبی،زرد،سبز،مشکی) رو یگیره و در هر ثانیه رنگش عوض بشه .
برای اینکار تابع زیر رو مینویسم :

	
function color(){
	switch (document.getElementById("Text").style.color){
		case "red":
		document.getElementById("Text").style.color="blue";
		break;
		case "blue":
		document.getElementById("Text").style.color="yellow";
		break;
		case "yellow":
		document.getElementById("Text").style.color="green";
		break;
		case "green":
		document.getElementById("Text").style.color="black";
		break;
		case "black":
		document.getElementById("Text").style.color="red";
		break;
	}
}
	

تابع بالا چک میکنه اگه رنگ عنصری که آی دی Text داره، قرمز بود رنگ رو به آبی تغییر میده ، اگه آبی بود به زرد تغییر میده و...
حالا کافیه یه متن با آی دی Text تعریف کنیم و تابع color() رو در هر ثانیه اجرا کنیم :

	
<script>
function color(){
	switch (document.getElementById("Text").style.color){
		case "red":
		document.getElementById("Text").style.color="blue";
		break;
		case "blue":
		document.getElementById("Text").style.color="yellow";
		break;
		case "yellow":
		document.getElementById("Text").style.color="green";
		break;
		case "green":
		document.getElementById("Text").style.color="black";
		break;
		case "black":
		document.getElementById("Text").style.color="red";
		break;
	}
}
setInterval("color()",1000);
</script>
<b id="Text" style="color:red;" >ahnaei.ir</b>
	
توجه :

باید رنگ عنصری که متنمون رو توش قرار دادیم در حالت پیش فرض روی رنگ اولیمون یعنی قرمز (red) باشه ، تا رنگ ها به ترتیب تغییر کنند .


تاریح ارسال/ویرایش پست : 7/8/1395

مدیر سایت

امیرحسین نائی | امیر اچ ان

امیرحسین نائی (amirhn - امیر اچ ان) هستم.
متولد 1379 عاشق❤️ برنامه نویسی با انواع زبان های مختلف 😃
از 15 سالگی یادگیری برنامه نویسی رو شروع کردم
و تا امروز همچنان درحال یادگیری هستم .
در تلاش برای تبدیل شدن به یک Full Stack Developer 💪
روز به روز بیشتر عاشق برنامه نویسی میشم و هرگز برام خسته کننده نمیشه !!!

نظرات

نظرات محمد

چیکار کنم که بطور ملایم رنگش عوض بشه؟

نظرات هادی

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

نظرات محمد حسین

سلام. چگونه میشه با جاوا اسکریپت کاری کرد که با ارسال فرم به دیتابیس تا زمانی که صفحه رفرش نشود امکان ارسال مجدد فرم به دیتابیس وجود نداشته باشد (بی زحمت سریعا) (تشکر)

نظرات محمد حسین

مرسی . خوب بود

ارسال نظر

account_circle
mail
security
متن نظر :