js实现弹窗提示，N秒后自动关闭并跳转页面

前端部分

<style>
        .overlay{
                background:transparent url(images/overlay.png) repeat top left;
                position:fixed;
                top:0px;
                bottom:0px;
                left:0px;
                right:0px;
                z-index:100;
                }


            .box{
                position:fixed;
                background:rgba(0,0,0,0.8);
                color:#fff; height:30px; 
margin-top:-15px;
top:-100%;
left:50%;
                width:100%; text-align:center; line-height:30px;
margin-left:-130px;
-moz-border-radius: 5px;
                -webkit-border-radius:5px;
                -khtml-border-radius:5px;
                z-index:101;
                }


</style>

<div class="overlay" id="overlay" style="display:none;"></div>
<div class="box" id="box" style="width:250px;z-index:99999999">恭喜您提交成功,您已获得{$question.joined_points}积分</div>

<script>

function tishi(){
$('#overlay').fadeIn('fast', function () {
                       $('#box').animate({ 'top': '50%' }, 500);
$("#mess").html(); 
setTimeout("tishiclose()",2000);//2秒消失，可以改动

                   });
}

function tishiclose(){
$('#box').animate({ 'top': '-100%' }, 500, function () {
                       $('#overlay').fadeOut('fast');
                   });
}

//跳转地址
function skip(){
location.href="{:U('Survey/detail')}";
}
$('#sub').click(function(){
var xuan=document.getElementsByName("xuanx");//不能getElementById，ById又只会读数组第一个值
var xuanxid;
for(var i = 0; i < xuan.length; i++)
{
    if(xuan[i].checked)
    xuanid=xuan[i].value;
}
var url="__URL__/get_answer";
var postdata = "xuanx="+xuanid;
$.post(url,postdata,function(data){
if(data.c == 1){
$('#overlay').fadeIn('fast', function () {
                $('#box').animate({ 'top': '50%' }, 500);
//$("#mess").html(); 
setTimeout("tishiclose()",2000);//2秒消失，可以改动
           });
  setInterval("skip()", 2000);
}else{
alert(data.m);
return false;
} 
})
})

</script>

后端php部分

    //ajax提交用户选择问题的答案
    public function get_answer(){
    $userid = I('session.uid');
    $xuanx = I('request.xuanx',"");
    $question_id =1;
    $user_question = M('WenjuanAnsinfo')->where(array('user_id'=>$userid,'question_id'=>$question_id))->select();
    if(!$user_question){
    $data = array(
    'question_id'=>1,
    'user_id'=>$userid,
    'ans_id'=>$xuanx,
    'ans_date'=>time(),
    );
    $add = M('WenjuanAnsinfo')->add($data);
    $wenjuan_point = M('WenjuanQuestion')->where(array('question_id'=>$question_id))->find();
    //赠送积分
    $getPoints = M('UserPoint')->where(array('user_id'=>$userid))->setInc('points',$wenjuan_point['joined_points']);
    $joined_count = M('WenjuanAnsinfo')->where(array('question_id'=>1))->count();
    M('WenjuanQuestion')->where(array('question_id'=>1))->save(array('joined_count'=>$joined_count));
    if($add && $getPoints){
    set_return_value('成功', 1, null);
    }else{
    set_return_value('提交问卷调查失败', 0, null);
    }
    }
   
    }