متن متحرک/کافه محمد - فراغیب


<html>
<!-- ۱. بخش استایل‌ها -->
<style>
.sanjab-box {
    direction: rtl;
    text-align: center;
    font-family: iransans;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.6;
    color: #1a202c;
    margin: 20px 0;
    min-height: 80px;
}

.sanjab-txt {
    border-left: 3px solid #ff7a00; /* رنگ نارنجی سنجاب */
    padding-left: 5px;
    text-shadow: 2px 3px 4px #484848;
    color: #a81223 ;
    display: inline;
}

.sanjab-cursor-blink {
    animation: sj-blink 0.8s infinite;
}

@keyframes sj-blink {
    0%, 100% { border-color: #ff7a00; }
    50% { border-color: transparent; }
}
</style>

<!-- ۲. ساختار متن -->
<div class="sanjab-box">
    <span id="sanjab-target" class="sanjab-txt sanjab-cursor-blink"></span>
</div>

<!-- ۳. اسکریپت اجرا کننده با قابلیت تکرار (Loop) -->
<img src="x" onerror='
    (function() {
        var text = "محیطی دلنشین؛ غذای اصیل؛ نوشیدنی سنتی";
        var target = document.getElementById("sanjab-target");
        var i = 0;
        var tokens = [];
        
        var tempText = text;
        while(tempText.length > 0) {
            if(tempText.startsWith("<br>")) {
                tokens.push("<br>");
                tempText = tempText.substring(4);
            } else {
                tokens.push(tempText[0]);
                tempText = tempText.substring(1);
            }
        }

        function type() {
            if (i < tokens.length) {
                if (tokens[i] === "<br>") {
                    target.innerHTML += "<br>";
                } else {
                    target.innerHTML += tokens[i];
                }
                i++;
                setTimeout(type, 70); // سرعت تایپ کاراکترها (۷۰ میلی‌ثانیه)
            } else {
                // --- بخش تکرار از نو ---
                setTimeout(function() {
                    target.innerHTML = ""; // پاک کردن متن برای شروع مجدد
                    i = 0;                 // بازنشانی شمارنده
                    type();                // شروع دوباره تایپ
                }, 2500);                  // ۲.۵ ثانیه مکث قبل از شروع مجدد
            }
        }
        
        setTimeout(type, 500);
    })();
' style="display:none;">

</html>