帝国论坛帝国网站管理系统交流区模板/标签/插件共享交流[分享]不用修改系统文件的信息类倒计时代码及思路 【本版专题贴子】  
 1/3     1 2 3 ›› ›|
主题:[分享]不用修改系统文件的信息类倒计时代码及思路 [加入收藏夹]   

沙丁鱼
用户头衔:进士

精华贴   :2
发贴数   :741
经验值   :2286
注册时间:2008-01-24
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 1 楼]
[分享]不用修改系统文件的信息类倒计时代码及思路
1,首先建一个截止日期的字段,截止日期输入表单替换html代码为:<input name="字段" id=jztime onkeyup="字段.value=字段.value.replace(/\,/g,',').replace(/\ /g,',');" type="text" size="" value="<?=stripSlashes($r[字段])?>">

主要是配合下面的js代码,方便后台输入,空格和中文都可自动换为“,”,这种方法也可用到关键词字段

2,列表页加上倒计时JS代码:
<SCRIPT type="text/javascript">
<!--
var target=[]
var time_id=[]
function show_date_time_0(){
    setTimeout("show_date_time_0()", 1000);
for (var i=0,j=target.length;i<j;i++){
    today=new Date();
    timeold=target[i]-today.getTime();
    sectimeold=timeold/1000;
    secondsold=Math.floor(sectimeold);
    msPerDay=24*60*60*1000;
    e_daysold=timeold/msPerDay;
    daysold=Math.floor(e_daysold);
    e_hrsold=(e_daysold-daysold)*24;
    hrsold=Math.floor(e_hrsold);
    e_minsold=(e_hrsold-hrsold)*60;
    minsold=Math.floor((e_hrsold-hrsold)*60);
    seconds=Math.floor((e_minsold-minsold)*60);
    if (daysold<0) {
        document.getElementById(time_id[i]).innerHTML="到期提示文字或者图片";
    }  
    else {
        if (daysold<10) {daysold="0"+daysold}
        if (daysold<100) {daysold="0"+daysold}
        if (hrsold<10) {hrsold="0"+hrsold}
        if (minsold<10) {minsold="0"+minsold}
        if (seconds<10) {seconds="0"+seconds}
        if (daysold<3) {
            document.getElementById(time_id[i]).innerHTML="<font color=red>"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒</font>";
        }  
        else {
            document.getElementById(time_id[i]).innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
        }
    }
}
}
setTimeout("show_date_time_0()", 100);
//-->
</SCRIPT>

3,出现剩余天数的地方显示:<div id="TimeCounter_0" style="border:1px solid black;margin:5px;padding:2px;width:140px"></div>
<SCRIPT>
//设定目标时间(数组元素)
//target[target.length]=new Date(年,月-1,日,时,分,秒).getTime()
target[target.length]=new Date(2010,04,01,00,00,00).getTime();
//设定倒计时显示地址(数组元素)
time_id[time_id.length]="TimeCounter_0"
</SCRIPT>

例子:<li class="ynl2">[!--class.name--]</li>
                                <li class="ynl3"><a title="[!--oldtitle--] "
                                    href="[!--titleurl--]"
                                    target="_blank" class="yl_06c">
                                    [!--title--]
                                </a></li>
                                <li class="ynl4">
                                    <div id="TimeCounter_[!--id--]"></div>
                                    <SCRIPT>  
                                    target[target.length]=new Date([!--jztime--]).getTime();  
                                    time_id[time_id.length]="TimeCounter_[!--id--]"
                                    </SCRIPT>
                                </li>

也可用到内容页上,这里显示的是年,月-1,日,时,分,秒,只想显示月和日期的把JS代码里相应值去掉即可:innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒

[该贴被修改 1 次,最后修改时间 2010-03-01 12:32:53 ]



2010-03-01 12:32:14 已设置保密 顶部 回复 引用 报告 编辑 删除

重返帝国
用户头衔:进士

精华贴   :0
发贴数   :1285
经验值   :2972
注册时间:2008-09-19
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 2 楼]

支持一下




2010-03-01 12:51:55 已设置保密 顶部 回复 引用 报告 编辑 删除

sg876
用户头衔:举人

精华贴   :0
发贴数   :254
经验值   :660
注册时间:2008-11-01
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 3 楼]

收藏




2010-03-01 16:11:15 已设置保密 顶部 回复 引用 报告 编辑 删除

yongyang
用户头衔:书生

精华贴   :0
发贴数   :47
经验值   :146
注册时间:2009-12-31
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 4 楼]

多谢,收了




2010-03-01 17:15:05 已设置保密 顶部 回复 引用 报告 编辑 删除

Borton
用户头衔:举人

精华贴   :0
发贴数   :447
经验值   :1398
注册时间:2008-11-16
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 5 楼]

多谢楼主分享,强贴



福捷 foojeel.com

麻花疼78819918

2010-03-01 18:21:46 已设置保密 顶部 回复 引用 报告 编辑 删除

qq859856669
用户头衔:进士

精华贴   :0
发贴数   :457
经验值   :2268
注册时间:2008-06-14
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 6 楼]

经过测试 时间不准



承接:
-----帝国建站 仿站 改站-------
-----服务器 安全设置-------
-----PHP加密 破解--------
2010-03-02 14:58:44 已设置保密 顶部 回复 引用 报告 编辑 删除

從不兒戲
用户头衔:秀才

精华贴   :0
发贴数   :113
经验值   :343
注册时间:2007-12-26
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 7 楼]

感谢分享




2010-03-02 16:16:04 已设置保密 顶部 回复 引用 报告 编辑 删除

rerere
用户头衔:探花

精华贴   :0
发贴数   :5236
经验值   :16664
注册时间:2009-08-13
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 8 楼]

支持




2010-03-03 07:28:46 已设置保密 顶部 回复 引用 报告 编辑 删除

nicacc
用户头衔:举人

精华贴   :0
发贴数   :218
经验值   :692
注册时间:2007-12-27
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 9 楼]

支持




2010-03-03 16:46:17 已设置保密 顶部 回复 引用 报告 编辑 删除

laodong
用户头衔:进士

精华贴   :0
发贴数   :971
经验值   :2584
注册时间:2008-03-03
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 10 楼]

谢谢分享




2010-03-05 07:47:16 已设置保密 顶部 回复 引用 报告 编辑 删除
 1/3     1 2 3 ›› ›|

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by: EBB Version 2.2.1