您的位置：&>&&>& > 正文
修复英雄特效 加入物品倒计时功能
& 欢迎 Ctrl + D 收藏本页
今天#DOTA2#有一个130MB左右的更新，主要更新了当物品从背包移动到物品栏有将显示不可用时间的倒计时，以及更新了一些英雄的特效问题。更新日志1。当物品从背包移动到物品栏有将显示不可用时间的倒计时(图片来自：_Valisk)2。至宝投票不再显示谁领先3。多一个选项用于是否加入知识问答的聊天间4。修复勇士令状任务无法在技能征召模式下面完成的问题(不少刀友问我，终于可以了 HOHO)5。修复观战DVR控制不会自动隐藏的问题6。修复飞鞋传送动画预览错误的问题 其他更新1。剑圣招财猫治疗守卫(普通版本和黄金版)，库尔石像治疗守卫，普通治疗守卫和小绿剑的特效得到更新2。光法的光影特效得到更新3.TB魔化头部光影特效得到更新4。海民冰封魔印特效得到更新5。小精灵光影特效得到更新(一般这些特效都是小修改，不一定看得出具体变化)
修复英雄特效 加入物品倒计时功能的相关内容
上一篇:下一篇:
猜你喜欢本月热门
&近日热门下载
&他们在阅读
&他们在下载
110人正在下载&&
289人正在下载&&
362人正在下载&&
336人正在下载&&
75人正在下载&&
Copyright & www.12349.net
All rights reserved.商品倒计时与下架
功能：点击确定开启倒计时、倒计时结束、抖动商品、向下移动淡出界面 生成新的表格知识点：new Date()的使用、定时器的使用、函数的封装与调用以及传参的使用、循环的使用以及临界点的判断思路：分别对每一个步骤进行了函数封装，彼此之间利用传参进行互联& && &&&倒计时函数、左右抖动函数、向下移动函数、淡出函数、下架商品统计函数、获得元素初始位置函数（每一个可单独拎出来又可互相关联）& && &&&到时间到达0点开始触发抖动函数、抖动截止触发向下移动函数、和淡出函数、既而下架商品开始得到了赋值遗留问题：最后一步生成新的表单时，实现效果不太好有些bug有待改进,比如说如果单独只有后面两个到时间了下架后生成的表格依旧会显示前两个，想了许久没想出解决方案，有哪位大侠看出修改方案还望告知一下，谢啦!!☆⌒(*＾-?)v解决方案，只需把需要赋值的内容加到OUL的结构中去就可以实现累加的效果！代码片段 1效果预览&!DOCTYPE html&
&meta charset=&utf-8&&
&meta http-equiv=&X-UA-Compatible& content=&IE=edge&&
&title&&/title&
*{margin:0; padding:0;}
#xiajia{position:top:50left:220width:210height: 300display:}
.box{width:990 margin:0}
.box .hd{ border-bottom: 1px solid # line-height: 30 font-size: 14 font-weight: 700; color: #333;}
.box .bd{ margin-top: 20}
.product-list{overflow:height: 300background: #}
.product-list .items{float: margin-left:20 display: width:210 border: 1px solid # background: # padding:5transition:1left:0;position:top:0;z-index:222;}
.product-list .items img{ width:210}
.product-list .price span,.shop-list .count span{ color:}
.shop-list{border:1px solid #333; margin-top: 20}
.shop-list .small-pic img{ width:80}
.shop-list .hd-t{ overflow: background:#333; color:# line-height:30 text-align:}
.shop-list .hd-t span{ float: width:240}
.shop-list .bd-cont { overflow:}
.shop-list .bd-cont li{overflow: background:# margin-top:10}
.shop-list .bd-cont li p{ float:}
.shop-list .bd-cont .text,.shop-list .bd-cont .price{ width:240}
.shop-list .bd-cont .price{text-align:position:left: 100}
.shop-list .bd-cont .small-pic{ width:70position:left: 300}
&script type=&text/javascript&&
window.onload = function()
var oItem = document.getElementsByClassName('items');//特购商品总数
for(var i=0 ;i&oItem. i++)
fn(oItem[i],i);
function fn(item,i)
var oP = item.getElementsByTagName('p');
var oInp = oP[0].getElementsByTagName('input')[0];
var oBtn = oP[0].getElementsByTagName('button')[0];
var oDiv = item.getElementsByTagName('div')[0];
var oDivOp = oDiv.getElementsByTagName('p');
var iNew =
var iNow =
var timer =
oBtn.index =
oBtn.onclick = function()
clearInterval(timer);
iNew = new Date(oInp.value);
timer=setInterval(function(){
iNow = new Date();
var t = Math.floor((iNew - iNow)/1000);
if(t&=0)//判断时间差是否已经到了零点
var iD = Math.floor(t/86400);//天
var iH = Math.floor(t%);//时
var iSec = Math.floor(t%/60);//分
var iM = Math.floor(t%60);//秒
var str = '剩余'+toTwo(iD)+'天'+toTwo(iH)+'小时'+toTwo(iSec)+'分'+toTwo(iM)+ '秒';
oP[1].innerHTML =
shake(item,'left')//调用颤抖函数
clearInterval(timer);
function fn1(item)//商品名称显示
var oP = item.getElementsByTagName('p');
var oDiv = item.getElementsByTagName('div')[0];
var oImg = oP[2].getElementsByTagName('img')[0];//当前的图片
var oDivOp = oDiv.getElementsByTagName('p');//当前的文字
var money = oDivOp[1].getElementsByTagName('em')[0];//当前的抢购价
var aZj = document.getElementsByClassName('zj')[0];//总计
var oUl = document.getElementById('oUl');//商品名称
var oLi = oUl.getElementsByTagName('li');
oUl.innerHTML += '&li&&p class=&text&&'+oDivOp[0].innerHTML+'&/p&&span class=&price&&'+money.innerHTML+'&/span&&img class=&small-pic& src=&'+oImg.src+'&/&&/li&';//向商品名称里面添加内容
aZj.innerHTML = parseFloat(money.innerHTML) + parseFloat(aZj.innerHTML) ; //总价格
// 重点！！！重点！！！重点！！！把当前的内容直接赋到oul的内容里面就可以实现累加的效果
function toTwo(n)//对日期的单数进行两位数匹配
return n&10? '0'+n:n;
function shake(obj,attr)//颤动函数
clearInterval(obj.shake);
var arr = [];
var num = 0 ;
for(var i=20 ; i&0 ;i-=2)
arr.push(i,-i);
arr.push(0);
var cur = parseInt(getStyle(obj,attr));
obj.shake=setInterval(function(){
// console.log(arr[num]);
obj.style[attr] = cur+arr[num]+'px';
if(num == arr.length)
clearInterval(obj.shake);
remove(obj,'top');//调用移动函数
function remove(obj,attr)//移动函数
clearInterval(obj.shake);
var cur = parseInt(getStyle(obj,attr));
obj.shake=setInterval(function(){
if(cur & 300)cur=300;
obj.style[attr] = cur+'px';
if(cur == 300)
clearInterval(obj.shake);
opacity(obj);//调用透明度函数
function opacity(obj)//透明度函数
obj.opacity = setInterval(function(){
obj.style.opacity = n/10 ;}
clearInterval(obj.opacity);
function getStyle(obj,attr)//获得元素的初始位置
return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj)[attr];
&div class=&box&&
&div class=&hd&&限时特购&/div&
&div class=&bd&&
&div class=&product-list&&
&div class=&items&&
&p class=&set-times&&
&input type=&text& name=&& value=&December 15,:00&/&
&button type=&button&&确定&/button&
&p class=&countdown&&剩余00天00小时00分00秒&/p&
&p class=&big-pic&&
&img class=&img-pic& src=&img/pic-1.jpg& alt=&&&
&div class=&text&&
&p class=&info&&文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1文字1&/p&
&p class=&price&&抢购价：&span&&strong&￥&/strong&&em class=&em&&168.00&/em&&/span&&/p&
&div class=&items&&
&p class=&set-times&&
&input type=&text& name=&& value=&December 15,:00& id=&&&
&button type=&button&&确定&/button&
&p class=&countdown&&剩余00天00小时00分00秒&/p&
&p class=&big-pic&&
&img class=&img-pic& src=&img/pic-2.jpg& alt=&&&
&div class=&text&&
&p class=&info&&文字22文字22文字222文字22文字22文字22文字22文字22文字22&/p&
&p class=&price&&抢购价：&span&&strong&￥&/strong&&em class=&em&&18.00&/em&&/span&&/p&
&div class=&items&&
&p class=&set-times&&
&input type=&text& name=&& value=&December 14,:00& id=&&&
&button type=&button&&确定&/button&
&p class=&countdown&&剩余00天00小时00分00秒&/p&
&p class=&big-pic&&
&img class=&img-pic& src=&img/pic-3.jpg& alt=&&&
&div class=&text&&
&p class=&info&&文字333文字333文字333文字333文字333文字333文字333文字333&/p&
&p class=&price&&抢购价：&span&&strong&￥&/strong&&em class=&em&&8.00&/em&&/span&&/p&
&div class=&items&&
&p class=&set-times&&
&input type=&text& name=&& value=&December 14,:00& id=&&&
&button type=&button&&确定&/button&
&p class=&countdown&&剩余00天00小时00分00秒&/p&
&p class=&big-pic&&
&img class=&img-pic& src=&img/pic-4.jpg& alt=&&&
&div class=&text&&
&p class=&info&&文字4444文字4444文字44444文字4444文字4444文字4444文字文字44444&/p&
&p class=&price&&抢购价：&span&&strong&￥&/strong&&em class=&em&&1.00&/em&&/span&&/p&
&div class=&shop-list&&
&div class=&hd-t&&
&span&商品名称&/span&
&span&价格&/span&
&div class=&bd-cont&&
&ul id=&oUl&&
&div class=&count&&
总计：&span class=&zj&&0.00&/span&元
65 总笔记数
6.2万 总阅读量
Copyright &
All Rights Reserved.
合作伙伴：