dedeCMS 靜态頁面的倒計時插件（原生VS自定義）

文章目錄

• • 一、動畫效果 · 修改前後對比
  • 二、修改檔案的`路徑`&&`名稱`：
  • • 第一種方法：（自定義封裝函數`daojishi()`）
    • • • • 首先：
          • 然後：
    • 第二種方法：（調用系統自帶的函數`returnUrlByTime() `）
    • • • • 首先：
          • 然後：

有沒有發現dedeCMS會員注冊成功之後的中轉頁沒有倒計時效果，想了一下，還是弄個倒計時比較順眼，一起動手補個刀疤。

一、動畫效果 · 修改前後對比

描述問題如下：

是不是感覺felling不太友好？

完成之後效果圖如下：

二、修改檔案的

路徑

&&

名稱

：

• 路徑和名稱：

  C:\wamp64\www\member\templets\reg-new3.htm

第一種方法：（自定義封裝函數

daojishi()

）

首先：

找到

reg-new3.htm

檔案内的

<script>

部分

（第51行左右）

：

<script language="javascript" type="text/javascript">
	window.onload=function (){
		setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
	}
</script>
           

然後：

開始添加

倒計時代碼

:

可在

reg-new3.htm

檔案内，直接添加倒計時代碼，修改後如下：

<script language="javascript" type="text/javascript">
	window.onload=function (){
		setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
		daojishi();
	}
	// 以下是倒計時代碼
	var counttime=document.getElementById("loadtime").innerHTML;//總秒鐘
	function daojishi(){
		if(counttime>=0){
			var ms = counttime%60;//餘數 89%60==29秒
			var mis = Math.floor(counttime/60);//分鐘
			if(ms<10){
				document.getElementById("loadtime").innerHTML = ms;
			}
			counttime--;
			vartt =  window.setTimeout("daojishi()",1000);
		}
		else{
			window.clearTimeout(vartt);
		}
	}
</script>
           

第二種方法：（調用系統自帶的函數

returnUrlByTime()

）

首先：

找到

reg_new3.html

檔案内的第8~15行代碼（如下所示）：

<script type="text/javascript">
	var time = 10;
	function returnUrlByTime() {
	   window.setTimeout('returnUrlByTime()', 1000);
	   time = time - 1; 
	   document.getElementById("loadtime").innerHTML = time;
	}
</script>
           

這裡的函數

returnUrlByTime()

未定義

time<0

的情況，

建議補充一下代碼

。此處不再贅述。

然後：

開始添加

倒計時代碼

:

可在

reg-new3.htm

檔案内，直接添加倒計時代碼，修改後如下：

<script language="javascript" type="text/javascript">
	window.onload=function (){
		setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
		returnUrlByTime();
	}
</script>
           

以上就是關于“ dedeCMS 靜态頁面的倒計時插件（原生VS自定義） ” 的全部内容。