1. 程式人生 > >網頁中實現倒計時程序

網頁中實現倒計時程序

col innerhtml ava doc 圖片 com info ima inf

先看效果

技術分享圖片

<script language="JavaScript">
		var t = 3;//設定跳轉的時間
		setInterval("refer()", 1000); //啟動1秒定時
		function refer() {
			if (t == 0) {
				location = "javascript:window.history.back()"; //#設定跳轉的鏈接地址
			}
			document.getElementById(‘show‘).innerHTML = "<div style=‘margin-left:25%;‘><h1><span style=‘color:red;‘>操作失敗<br/></span></h1>"
					+ t
					+ "秒後跳轉回去<a href=‘javascript:window.history.back()‘>重新操作</a>!</div>"; // 顯示倒計時
			t--; // 計數器遞減
		}
	</script>
	<span id="show"> </span>

  

網頁中實現倒計時程序