jsp倒计时跳转

最新推荐文章于 2020-12-20 08:30:32 发布

糖糖_

最新推荐文章于 2020-12-20 08:30:32 发布

阅读量2.2k

点赞数

分类专栏： java 文章标签： jsp自动跳转 jsp倒计时

本文链接：https://blog.csdn.net/linlinv3/article/details/11979063

版权

java 专栏收录该内容

48 篇文章 1 订阅

订阅专栏

这里写了页面的倒计时跳转，例子为10秒跳转

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Refresh" content="10;URL=homepageNew/indexN.html" />

<title>广东省中小企业公共服务平台</title>
<style>
.jumpface{width:600px;margin:0 auto; background:url(face.gif) no-repeat; height:123px;}
.jumpBox{ border-left:1px solid #ffa019; border-bottom:1px solid #ffa019; border-right:1px solid #ffa019; width:600px; height:200px; margin:0 auto; border-top:4px solid #ffa019; text-align:center; padding-top:20px; line-height:36px; font-family:"微软雅黑"; background-color:#f9f9f9;}
.jumpBox span{ font-size:12px; font-size:13.0px; color:#c00;}
.jumpBox span a{ color:#00F; text-decoration:underline;}
</style>
</head>

<body>
<div class="jumpface"></div>
<div class="jumpBox">
正在跳转中......需要<span id="endtime">10</span>秒<br />
<span>如访问新版本网站，请<a href="http://www.968115.cn/omp/homepageNew/indexN.html">点击这里</a>.</span><br />
<span>如访问旧版本网站，请<a href="http://www.968115.cn/omp/homepage/index.html">点击这里</a>.</span><br />

</div><!--单位：秒-->
 <script type="text/javascript">
var CID = "endtime";
if(window.CID != null)
{
    var iTime = document.getElementById(CID).innerText;
    var Account;
    RemainTime();
}
function RemainTime()
{
    var iDay,iHour,iMinute,iSecond;
    var sDay="",sHour="",sMinute="",sSecond="",sTime="";
    if (iTime >= 0)
    {
        iDay = parseInt(iTime/24/3600);
        if (iDay > 0)
        {
            sDay = iDay + "天";
        }
        iHour = parseInt((iTime/3600)%24);
        if (iHour > 0){
            sHour = iHour + "小时";
        }
        iMinute = parseInt((iTime/60)%60);
        if (iMinute > 0){
            sMinute = iMinute + "分钟";
        }
        iSecond = parseInt(iTime%60);
        if (iSecond >= 0){
            sSecond = iSecond + "秒";
        }
        if ((sDay=="")&&(sHour=="")){
            sTime="<span style='color:darkorange'>" + sMinute+sSecond + "</font>";
        }
        else
        {
            sTime=sDay+sHour+sMinute+sSecond;
        }
        if(iTime==0){
            clearTimeout(Account);
              sTime="<span style='color:green'>0</span>";
        }
        else
        {
            Account = setTimeout("RemainTime()",1000);
        }
        iTime=iTime-1;
    }
    else
    {
            sTime="<span style='color:red'>倒计时结束！</span>";
    }
    document.getElementById(CID).innerHTML = sTime;
}
</script>
</body>
</html>

糖糖_

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
jsp倒计时跳转

这里写了页面的倒计时跳转，例子为10秒跳转广东省中小企业公共服务平台.jumpface{width:600px;margin:0 auto; background:url(face.gif) no-repeat; height:123px;}.jumpBox{ border-left:1px solid #ffa019; border-bottom:1px solid #f
复制链接

扫一扫