初学求解!js如何以一定的百分比赋予变量 10
vary百分之20为"tieba“百分之80为"baidu“请问如何用js实现y的值以不同的百分比a%和b%赋予值最好还能实现a的值随天数DAY逐渐减少至0,b的值随天数...
var y 百分之20为"tieba“
百分之80为"baidu“
请问如何用js实现y的值以不同的百分比a%和b%赋予值
最好还能实现a的值随天数DAY逐渐减少至0,b的值随天数增加到100
刚学习js一个月,前几天突然想到这个问题,感觉好繁琐,求大神解答 展开
百分之80为"baidu“
请问如何用js实现y的值以不同的百分比a%和b%赋予值
最好还能实现a的值随天数DAY逐渐减少至0,b的值随天数增加到100
刚学习js一个月,前几天突然想到这个问题,感觉好繁琐,求大神解答 展开
2个回答
2015-02-05
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8 />
<title>Tester</title>
<style type="text/css">
#yy {
border: 1px solid black;
width: 800px;
height: 25px;
margin: auto;
}
#tieba {
background-color: red;
width: 160px;
height: 25px;
text-align: center;
line-height: 25px;
color: white;
}
#baidu {
background-color: green;
width: 640px;
height: 25px;
margin: -25px 0px 0px 160px;
text-align: center;
line-height: 25px;
color: white;
float: right;
}
</style>
<script type="text/javascript">
var y = 20;
var a = y;
var b = 100 - a;
var DAY = y;
onload = function ()
{
tieba.innerHTML += " " + a + "%";
baidu.innerHTML += " " + b + "%";
var reg = /^([^\d]+)[\d\.]+([^\d]+)$/, ww = yy.clientWidth;
yy.interval = setInterval (function ()
{
if (tieba.clientWidth == 0)
{
clearInterval (yy.interval);
tieba.innerHTML = '';
delete yy.interval;
}
var w = parseFloat (tieba.style.width) || tieba.clientWidth;
w--;
tieba.style.width = w + 'px';
var bw = parseFloat (baidu.style.width) || baidu.clientWidth;
bw++;
baidu.style.width = bw + 'px';
tieba.innerHTML = tieba.innerHTML.replace (reg, '$1' + Math.floor (w * 100 / ww) + '$2');
baidu.innerHTML = baidu.innerHTML.replace (reg, '$1' + Math.floor (bw * 100 / ww) + '$2');
}, 100);
}
</script>
</head>
<body>
<div id="yy">
<div id="tieba">贴吧</div>
<div id="baidu">百度</div>
</div>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询