xiaoben-as2-php/protected/views/record/show.php

<style type="text/css">
    *{ padding: 0; margin: 0; }
    body{ background: #fff; font-family: '微软雅黑'; color: #333; font-size: 16px; }
    .system-message{ width:500px;height:auto; margin:auto;border:6px solid #999;text-align:center; position:relative;top:50px;}
    .system-message legend{font-size:24px;font-weight:bold;color:#999;margin:auto;width:100px;}
    .system-message h1{ font-size: 100px; font-weight: normal; line-height: 120px; margin-bottom: 12px; }
    .system-message .jump{ padding-right:10px;height:25px;line-height:25px;font-size:14px;position:relative;bottom:0px;left:0px;background-color:#e6e6e1 ; display:block;width:490px;text-align:right;}
    .system-message .jump a{ color: #333;}
    .system-message .success,.system-message .error{ line-height: 1.8em; font-size: 15px ;word-break:break-all;}
    .system-message .detail{ font-size: 12px; line-height: 20px; margin-top: 12px; }
    #href{color:gray;font-weight:bold;}
</style>
<div class="content">
    <fieldset class="system-message">
        <legend style="margin-left:20px;">提示信息</legend>
        <div style="text-align:left;padding-left:10px;height:auto;width:490px;">
            <?php foreach($msg as $v)
            {
                ?>

                <p class="error"><?php echo $v['title']."：".$v['result'];?></p>

                <?php
            }?>


        </div>
        <p class="jump">
            点击 <a title="点击跳转" id="href" href="<?php echo $url;?>">跳转</a> 等待时间： <b id="wait">30</b>。
        </p>
    </fieldset>

</div>
<script type="text/javascript">

    (function(){
        var wait = document.getElementById('wait'),href = document.getElementById('href').href;
        totaltime=parseInt(wait.innerHTML);
        var interval = setInterval(function(){
            var time = --totaltime;
            wait.innerHTML=""+time;
            if(time === 0) {
                location.href = href;
                clearInterval(interval);
            };
        }, 1000);
    })();
</script>