美化页面,添加倒计时

美化页面,添加倒计时


有人问到我要论坛美化的“倒计时”插件。抱歉,我没有。
这是我使用到的倒计时,只是一段简单的代码,很方便很实用。
使用discuz的任何版本。也使用任何网站。
演示:www.zikaozhushou.com
上图:


代码如下:
  1. <center>
  2. <b><font color=#FFFFFF size="3"><div style="line-height:24px;">
  3. 距2012年10月考试还剩
  4. </div>
  5. <SPAN id=span_dt_dt></SPAN>
  6. <SCRIPT language=javascript>
  7. <!--
  8. //document.write("");
  9. function show_date_time(){
  10. BirthDay=new Date("10/20/2012 09:00:00");//【月/日/年;时:分:秒】
  11. today=new Date();
  12. timeold=(BirthDay.getTime()-today.getTime());
  13. if(timeold<0)
  14. {
  15. span_dt_dt.innerHTML="122次考试已经结束,请关注下次!";
  16. return;
  17. }
  18. window.setTimeout("show_date_time()", 1000);
  19. sectimeold=timeold/1000
  20. secondsold=Math.floor(sectimeold);
  21. msPerDay=24*60*60*1000
  22. e_daysold=timeold/msPerDay
  23. daysold=Math.floor(e_daysold);
  24. e_hrsold=(e_daysold-daysold)*24;
  25. hrsold=Math.floor(e_hrsold);
  26. e_minsold=(e_hrsold-hrsold)*60;
  27. minsold=Math.floor((e_hrsold-hrsold)*60);
  28. seconds=Math.floor((e_minsold-minsold)*60);
  29. span_dt_dt.innerHTML=""+daysold+"天"+hrsold+"小时"+minsold+"分钟"+seconds+"秒"+"<br>" ;
  30. }
  31. show_date_time();
  32. //-->
  33. </SCRIPT>
  34. </font></b>
  35. </center>
复制代码
以下两处都可以修改:
  1. 距2012年10月考试还剩
复制代码
  1. 122次考试已经结束,请关注下次!
复制代码
使用方法:
1、前台DIY,拉一个框架——添加展示类——静态模块——选择“自定义HTML”——复粘贴代码——保存OK
另:代码中的需要显示的汉字可以随意更改,本代码适合的框架大小:190*24px,根据自己的情况更改


2、导入以下文件,根据需要显示的地方自己拖拽。


3、后台广告添加:广告类型自己选择【我选择的是自定义广告,这样可以随便在哪个页面都能被使用】——跟添加广告代码一样的步骤操作——在前台任意一地方拉一个框架——添加模块——选择站点广告——选中你的广告名称——保存OK

附件: 您需要登录才可以下载或查看附件。没有帐号?欢迎注册