سورس کد تایمر معکوس در Java Script

در این مطلب، سورس کد تایمر معکوس در جاوا اسکریپت را قرار می‌دهیم. شیوۀ کار به این صورت است که زمان باقی‌مانده نسبت به یک تاریخ در آینده محاسبه می‌شود. ورودی‌های تنظیم تاریخ شامل سال، ماه، روز، ساعت، دقیقه و ثانیه می‌باشند که می‌توانید آنها را داخل کد تغییر دهید. برای محاسبۀ زمان باقی‌مانده از تاریخ دستگاه هدف استفاده می‌شود.

دانلود سورس کد

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

ابتدا باید یک فانکشن بسازیم:

function Demo() {
	زمان کلیک بر روی دکمه کد های داخل دو کروشه اجرا خواهند شد.
}

برای اینکه این فانکشن را فراخوانی کنیم باید کدهای دکمه خود را در اچ تی ام ال به این صورت تغییر دهیم:

<button type="button" onclick="Demo()">Run Code</button>

شما باید به جای Demo نام فانکشن مورد نظر خود را قرار دهید.

هدایت کاربر به صفحه ای دیگر در جاوا اسکریپت

برای هدایت کاربر به صفحه ای دیگر از کد زیر استفاده می شود:

window.location="http://google.com/";

آدرس مورد نظر خود را به جای http://google.com بنویسید؛ این دستور را می توانید در هر رویدادی (مانند کلیک دکمه) قرار دهید.

با استفاده از کد زیر بعد از پنج ثانیه به صورت خودکار به آدرسی هدایت خواهید شد:

function Redirect() {
   window.location="http://google.com";
}
document.write("Please wait 5 seconds.");
setTimeout('Redirect()', 50000)

نشان دادن یک پیام به کاربر در جاوا اسکریپت

این دستور بسیار آسان و کوتاه می باشد:

alert("Please try again.");

آرگومان اول: مشخص کردن متن هشدار (پیام).

تغییر رنگ متن یک پاراگراف در وب با جاوا اسکریپت

مانند آموزش تغییر اندازه متن یک پاراگراف می توانید اندازه رنگ را نیز با همان روش تغییر دهید:

document.getElementById("idname").style.color = "red";

شما می توانید به جای عبارت red نام رنگی دیگر را وارد کرده و یا هم کد یک رنگ را بنویسید.

idname نام آی دی پاراگراف می باشد.

نمایش زمان و ساعت سیستم در جاوا اسکریپت

دستور Date() زمان و ساعت سیستم را بر می گرداند. شما می توانید به عنوان مثال متن یک پاراگراف را برابر با مقدار بر گردانده شده توسط این دستور قرار دهید:

document.getElementById("idname").innerHTML = Date();

همانطور که در آموزش های قبلی ذکر کردیم idname آی دی پاراگراف می باشد.

تغییر اندازه یک متن در وب بوسیله جاوا اسکریپت

با استفاده از کد زیر می توانید اندازه یک پاراگراف اچ تی ام ال را تغییر دهید.

document.getElementById("idname").style.fontSize = "77px";

idname نام id پاراگراف می باشد و 77px اندازه ای است که می خواهیم تغییر کند.

با اجرای دستور بالا اندازه متن به 77px تغییر پیدا خواهد کرد...

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

برای تغییر متن یک پاراگراف ابتدا باید برای پاراگراف مورد خود یک ID قرار دهیم. مانند کد زیر:

<p id="p1">First document Java Script!</p>

حالا کد زیر را در هر رویدادی (فانکشنی) که خواستیم قرار می دهیم:

document.getElementById("p1").innerHTML = "Changed text!";

عبارت p1 نام آیدی پاراگراف ما می باشد و Changed text متنی که می خواهیم به آن تغییر کند.

با اجرای کدهای بالا متن پاراگراف به Changed text تغییر خواهد کرد.