discuz 编辑器增加倒计时标签

http://www.codefans.net/jscss/code/4761.shtml上进行了修改)

<style>*{ padding:0; margin:0;}.colockbox{width:400px;height:30px;background:url(http://www.codefans.net/jscss/demoimg/201312/colockbg.png) no-repeat;overflow: hidden; color:#000000;}.colockbox span{float:left;display:block;width:40px;height:29px;line-height:29px;font-size:20px; font-weight:bold;text-align:center;color:#ffffff; margin-right:22px;}#ok{width:120px;font-weight:bold;text-align:center;color:red; }</style><script type="text/javascript">jQ(function(){var str = jQ("#backs").attr("rel");str = str.replace(/-/g,'/');var date = new Date(str);var backs = date.getTime();countDown(backs,"#colockbox1");});function countDown(time,id){var day_elem = jQ(id).find('.day');var hour_elem = jQ(id).find('.hour');var minute_elem = jQ(id).find('.minute');var second_elem = jQ(id).find('.second');var end_time = time,sys_second = (end_time-new Date().getTime())/1000;var timer = setInterval(function(){if (sys_second > 1) {sys_second -= 1;var day = Math.floor((sys_second / 3600) / 24);var hour = Math.floor((sys_second / 3600) % 24);var minute = Math.floor((sys_second / 60) % 60);var second = Math.floor(sys_second % 60);day_elem && jQ(day_elem).text(day);jQ(hour_elem).text(hour<10?"0"+hour:hour);jQ(minute_elem).text(minute<10?"0"+minute:minute);jQ(second_elem).text(second<10?"0"+second:second);} else { clearInterval(timer);jQ('#ok').text('活动已开始');}}, 1000);}</script><div id="backs" rel="{1}"></div><div class="colockbox" id="colockbox1"> <span class="day">00</span> <span class="hour">00</span> <span class="minute">00</span> <span class="second">00</span> <span id='ok'>即将开始...</span></div>

注:一定不要在JS里面用‘//’进行注释,会出问题的;之前因为这个 耽误了好一会时间;因为是在discuz里面 所以代码中并未使用$符 也没有引用jquery;

其他几项根据需求自行设定

提交之后,可用 显示上打钩;效果见下图

变幻原是永恒,我们唯有用永恒的诺言制约世事的变幻。

discuz 编辑器增加倒计时标签

相关文章:

你感兴趣的文章:

标签云: