xiaoben-as2-php/protected/views/index/tips.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;">
						<p class="error"><?php echo $tips["title"]."：".$tips["result"];?></p>
						<p class="error"><?php echo $tips["content"];?></p>
		</div>
		<p class="jump">
			点击 <a title="点击跳转" id="href" href="<?php echo $tips["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>