تغییر رنگ مداوم یک متن | نائی وب

امیرحسین نائی | نائی وب

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

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

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

	
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

مدیر سایت

امیرحسین نائی | نائی وب

امیرحسین نائی هستم .
متولد سال 1379 ، عاشق برنامه نویسی ، مخصوصا اندروید و وب :)
مشتاق برای یادگیری بیشتر ...
خستگی ناپذیر و بدون توقف !!! (بیشتر ...)

نظرات

نظرات محمد

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

نظرات هادی

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

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

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

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

مرسی . خوب بود

ارسال نظر

account_circle
mail
security
متن نظر :