نمایش متن متحرک در اپلیکیشن

نمایش متن متحرک در اپلیکیشن

نمایش متن متحرک در اپلیکیشن

در این نوشته نحوه نمایش متن متحرک با افکت تایپ (Typewriter)  در اپلیکیشن را با استفاده از سیستم اپ ساز آموزش می دهیم.

مثالی از افکت متن متحرک را در زیر مشاهده می‌کنید.

در قدم اول وارد پنل کاربری ساخت اپلیکیشن شوید.

حال وارد قسمت امکانات شوید و امکان “سورس کد” را انتخاب نمایید.

در صفحه باز شده کد زیر را وارد کنید.

<!DOCTYPE html>
<html>
<head>
<style>
*
{
direction:rtl;
}
</style>
</head>
<body>

<button onclick="typeWriter()">نمایش متن با افکت تایپ</button>

<p id="demo"></p>

<script>
var i = 0;
var txt = 'اپ ساز،سیستم تولید اپلیکیشن‌های موبایل بدون دانش برنامه نویسی!';
var speed = 50;

function typeWriter() {
if (i < txt.length) {
document.getElementById("demo").innerHTML += txt.charAt(i);
i++;
setTimeout(typeWriter, speed);
}
}
</script>

</body>
</html>

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

پس از کلیک بر روی این دکمه، متن “اپ ساز،سیستم تولید اپلیکیشن‌های موبایل بدون دانش برنامه نویسی!” به صورت متحرک با افکت تایپ نمایش داده می‌شود.

از این امکان برای زیباسازی و افزایش جذابیت متن‌های داخل اپلیکیشن می توان استفاده کرد.

 

اگر این مطلب رو دوست داشتید، می تونید با دوستاتون به اشتراک بگذارید:
 
 
مهرناز بهرام‌زاده
مهرناز بهرام‌زاده
عضو تیم اپ ساز و فعال در زمینه ی تولید محتوای وبلاگ و شبکه های اجتماعی، ترجمه، برنامه نویسی و ساخت اپلیکیشن‌های موبایل می باشد.

2 Comments

  1. سحر says:

    سلام. ممنون از مطلبتون. یه سوال داشتم میشه با استفاده از این روش رنگ فونت ها رو هم تغییر هم داد؟

پاسخی بگذارید

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