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自定义） ” 的全部内容。