dedeCMS 静态页面的倒计时插件（原生VS自定义）

版权声明：本文为博主原创文章，允许转载，但转载必须注明出处并附带首发链接 https://blog.csdn.net/qq_35393869/article/details/86479920

---

有没有发现dedeCMS会员注册成功之后的中转页没有倒计时效果，想了一下，还是弄个倒计时比较顺眼，一起动手补个刀疤。

一、动画效果 · 修改前后对比

描述问题如下：是不是感觉felling不太友好？

完成之后效果图如下：

二、修改文件的路径&&名称：

• 路径和名称：C:\wamp64\www\member\templets\reg-new3.htm

---

第一种方法：（自定义封装函数daojishi()）

首先：

找到 reg-new3.htm文件内的 <script>部分 （第51行左右）：

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

---

以上就是关于“ dedeCMS 静态页面的倒计时插件（原生VS自定义） ” 的全部内容。