انشاء رابط لاعادة توجيه بعداد

طريقة انشاء زر تحويل تلقائي لرابط ما بوقت محدد. إعادة توجيه رابط هو شيء بديهي على شبكة الانترنت يستعمل في مواقع الاعلانات وما يماثلها ارتأيت ان تستخدم في اشياء اخرى ربما لكم افكار لها لذا سأوفر لكم الكود ولكم حرية الاستعمال

طريقة الاستخدام
1. يمكنك وضعها بموضوع معين بوضع الكود بتبويب HTML

<style type="text/css">
#ar1web-timer{width: 200px; background: #2AA9E0; color: #fff; text-align: center; padding: 5px 0px 5px 0px; margin: 10px auto;    font: normal normal 13px Droid Arabic Naskh,sans-serif; border-radius: 3px;}
#ar1web-timer:hover {opacity: .94; }
</style>

<div style="text-align: center;">
<script type="text/javascript">
        var settimmer = 0;
        $(function(){
        window.setInterval(function() {
        var timeCounter = $("b[id=show-time]").html();
        var updateTime = eval(timeCounter)- eval(1);
        $("b[id=show-time]").html(updateTime);
        if(updateTime == 0){
 $("div[id=ar1web-timer]").html("").html("جاري اعادة التوجيه");
        window.location = ("http://www.ar1web.com");
        }
        }, 1000);
        });
    </script>
سيتم تحويلك للملف</div>
<div id="ar1web-timer">
من فضلك انتظر... <b id="show-time">10</b> ثانية        
    </div>

التعديلات
* لتغيير لون الزر فهو محدد بالأحمر
* لتغيير الخط فهو محدد بالأزرق 
* لتعديل على الثواني غير 10 بالعدد الذي تريد
* ضع بدل www.ar1web.com الرابط الذي سيتجه اليه

Share

Like

G+

Tweet

Tweet