هدایت کاربر به صفحه دیگر بعد از چند ثانیه

هدایت کاربر به سایت دیگر بعد از چند ثانیه در این مقاله قصد داریم کاربر را پس از 10 ثامیه به سایت دیگری ارسال کنیم توسط Jquery

ابتدا استایل و کتابخانه Jquery را در صفحه درج میکنیم

<head runat="server">
    <title>برنامه نویسان</title>
    <script type="text/javascript" src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js'></script>
    <style>
        body {
    font-size:12pt;
    font-family:Calibri;
            direction: rtl;
}
#spnSeconds {
    font-size:25pt;
    color:Red;
}
    </style>
</head>

سپس یک H1 در صفحه قرار میدیم و متن مورد نظر را در آن مینویسیم

  <h1>هدایت شما به سایت برنامه نویسان بعد از <span id="spnSeconds">10</span> ثانیه.</h1>

Span موجود جهت نمایش شمارش معکوس می باشد

سپس دستورات زیر را مینویسیم

    <script>
        $(document).ready(function () {
            window.setInterval(function () {
                var iTimeRemaining = $("#spnSeconds").html();
                iTimeRemaining = eval(iTimeRemaining);
                if (iTimeRemaining == 0) {
                    location.href = "http://barnamenevisan.org/";
                } else {
                    $("#spnSeconds").html(iTimeRemaining - 1);
                }
            }, 1000);
        });
    </script>

عدد 1000 بر اساس میلی ثانیه هست که 10 ثانیه رو مشخص میکنه

کد ها کامل

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="RedirectPageAfterSecond_ASP.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>برنامه نویسان</title>
    <script type="text/javascript" src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js'></script>
    <style>
        body {
    font-size:12pt;
    font-family:Calibri;
            direction: rtl;
}
#spnSeconds {
    font-size:25pt;
    color:Red;
}
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
     <h1>هدایت شما به سایت برنامه نویسان بعد از <span id="spnSeconds">10</span> ثانیه.</h1> 
    </div>
    <script>
        $(document).ready(function () {
            window.setInterval(function () {
                var iTimeRemaining = $("#spnSeconds").html();
                iTimeRemaining = eval(iTimeRemaining);
                if (iTimeRemaining == 0) {
                    location.href = "http://barnamenevisan.org/";
                } else {
                    $("#spnSeconds").html(iTimeRemaining - 1);
                }
            }, 1000);
        });
    </script>
    </form>
</body>
</html>

فایل های ضمیمه

RedirectAfterSecond.rar

مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

دوره های در حال ثبت نام آکادمی برنامه نویسان

هدایت کاربر به صفحه دیگر بعد از چند ثانیه

فایل های ضمیمه

ایمان مدائنی

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید