الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

كود جافا سكريبت يستبدل نص مكان نص أخر

بدأه أبو ذر المصري في 14 يوليو 2012 · 1 رد · 1,085 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم

عندي سؤال في الجافا سكريبت

أود إظهار نص داخل موقعي لمدة 5 ثواني ثم يختفي تماما ثم بعد مرور 10 ثواني يظهر نص أخر بدلا منه على أن يستمر النص الثاني في الظهور ولايظهر النص الأول مرة أخرى

جربت الكود التالي ولم يفلح

<CENTER>
مرحبا بك في موقعنا
<br />
<div id="me" style="background-color: #FFFF00;">جاري تشغيل القناة ... انتظر قليلا</div> 
قناة موقعنا الإسلامية
<script type="text/javascript">
var text = "شكرا لك على المشاهدة" 
var delay = 5000
var delay2 = 10000
<!-- 
function changevisable(value){ 

setTimeout("document.getElementById('me').style.display=value;",delay);
setTimeout("document.write(text );",delay2);
} 
changevisable('none');
//--> 
</script>
<br />
أنت الآن تشاهد القناة من خلال موقعنا
</CENTER>

تم تعديل هذه المشاركة بواسطة Xacker في 16 يوليو 2012 في 02:32

#2

إنظر لهذا المثال :

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>Test</title>
    <style>
        body {
            text-align: center;
            direction: rtl;
        }
    </style>
    <script>

        function init() {
            document.getElementById("msg").innerHTML = null;
            clearTimeout();
            setTimeout(function() {
                document.getElementById("msg").innerHTML = "شكراً للمشاهدة";
            }, 5000);
        }

        window.onload   = setTimeout(init, 3000);
    </script>
</head>
<body>
    <div id="msg">أنت الآن تشاهد القناة من خلال موقعنا</div>
</body>
</html>

سيظهر نص لمدة 3 ثواني من تحميل الصفحة ويختفي ثم بعد 5 ثواني سيظهر نص آخر ويبقى.

1

مواضيع مشابهة