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

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

dedecms静态页面php获取参数,DedeCms织梦TAG标签静态生成html,url拼音及分页优化的方法...
DEDECMS自带的TAG标签是动态的,我们可以设置纯静态html,而且针对手机站也做了TAG静态化生成,非常强大,对于SEO提高收录及获取排名非常有好处,今天脚本之家小编为大家介绍织梦TAG标签伪静 ...
wordpress真正静态化插件really-static(纯静态html网页生成插件)
初期被推荐了两款插件:cos-html-catch,,super static cache,really static,本人一直使用的是super static cache还是不错的.但通过个人试用筛 ...
织梦手机站 html 插件,织梦DEDECMS手机端生成静态页面插件完整版
织梦DEDECMS手机端生成静态页面插件完整版[已解决] 实现手机端(wap版)静态生成一.添加后台导航栏目链接 1 打开dede/inc/inc_menu.php,在146行下面添加代码: 二.更 ...
用vscode编写静态页面_开发中实用的VSCode插件推荐
本篇文章给大家介绍一下开发中实用的VSCode插件推荐.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 工欲善其事必先利其器,以下是本人为前端开发收集的vscode插件,有需要的话赶 ...
npm 安装less插件_Gulp 开发 HTML 静态页面和 Less 实时更新
•之前一直在用 Vue 或者 React 在写 SPA 项目的时候,因为使用了 Less 感觉很不错,现在转回来写纯 css 的时候,感觉很难受(特别是写很长的选择器时).•然后就分享一下在 HTML ...
织梦同步静态文件到服务器,某猫织梦插件-织梦dedecms静态文件生成速度的区块插件...
经常使用织梦的朋友都可能都知道织梦cms 的静态生成速度有时候让人无法忍受:如果是企业展的几百篇的文章,那当然绰绰有余,但是一般数据量打起来生成速度也会大幅的降低,与同类的其他cms比如说帝国cms, ...
jquery发送手机验证码倒计时插件支持页面刷新
在最新项目中需要用到发送短信短信验证码,网上搜了半天找不到满意的,就自己写了一个. jquery封装好的发送手机验证码倒计时插件采用cookie 防止页面刷新. 实现思路: 1.实现点击按钮,对手机 ...
织梦手机站生成html,织梦手机端静态页面生成教程
织梦自带的手机端是动态的,相对于静态网站来说 ,seo优化会不好点, 那dedecms织梦程序如何生成静态页面呢? 在这里我为大家推荐一款插件,轻轻松松就可以生成静态页面,对于不会代码的朋友也很简单, ...
织梦手机端生成静态页面实操
遇到问题:织梦手机端默认访问是域名/m/list.php?tid=id或者/m/view.php?aid=1,如何将动态地址修改为静态. 解决办法:网上搜索织梦手机端静态生成教程,基本插件实现.以下为 ...

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

文章目录

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

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

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

首先：

然后：

第二种方法：（调用系统自带的函数`returnUrlByTime()`）

首先：

然后：

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

最新文章

热门文章

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

文章目录

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

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

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

首先：

然后：

第二种方法：（调用系统自带的函数returnUrlByTime()）

首先：

然后：

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

最新文章

热门文章

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

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

第二种方法：（调用系统自带的函数`returnUrlByTime()`）