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

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

در این نوشته نحوه نمایش متن متحرک با افکت تایپ (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 دیدگاه

  1. سحر says:

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

دیدگاهتان را بنویسید

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