Javascript 用三个数字创建一个百分比
我正试图写一个小脚本,将三个数字转换成三个百分比。Jquery可以设置三个彩色div的宽度,以反映这些数字的“排列” 将其视为一个由三部分组成的加载杆 我做了一些意大利面,放在两部分的加载条上,但我不知道如何添加第三个百分比。数学好的人可以把三个数字变成百分之三Javascript 用三个数字创建一个百分比,javascript,jquery,math,Javascript,Jquery,Math,我正试图写一个小脚本,将三个数字转换成三个百分比。Jquery可以设置三个彩色div的宽度,以反映这些数字的“排列” 将其视为一个由三部分组成的加载杆 我做了一些意大利面,放在两部分的加载条上,但我不知道如何添加第三个百分比。数学好的人可以把三个数字变成百分之三 把它们全部加起来等于45,分别除以45,10/45=.222(或22.22%),15/45=.333(或33.33%),20/45=.444(或44.44%) 如果您试图按照我的评论执行操作,请将代码更改为: var x = 10;
把它们全部加起来等于45,分别除以45,10/45=.222(或22.22%),15/45=.333(或33.33%),20/45=.444(或44.44%) 如果您试图按照我的评论执行操作,请将代码更改为:
var x = 10;
var y = 15;
var z = 20;
var total = x+y+z;
var xwidth = (x/total)*100;
var ywidth = (y/total)*100;
var zwidth = (z/total)*100;
$(".x").css('width', xwidth+'%');
$(".y").css('width', ywidth+'%');
$(".z").css('width', zwidth+'%');
或者,甚至更干净:
var x = 10;
var y = 15;
var z = 20;
var total = x+y+z;
$(".x").css('width', (x/total)*100+'%');
$(".y").css('width', (y/total)*100+'%');
$(".z").css('width', (z/total)*100+'%');
你是说你想把3个数字加在一起(等于100%),然后找出每个数字的百分比?在jsfiddle示例中,数字是10、15、20。把它们全部加起来等于45,再从45中分别除以10/45=.222(或22.22%),15/45=.333(或33.33%),20/45=.444(或44.44%),你不能把一个数字变成一个百分比。您需要一个数字和一个总值或最大值。那就用firstNumber/maximumNumber*100。太棒了。感谢ntgCleaner提供的快速、简洁的回答!
var x = 10;
var y = 15;
var z = 20;
var total = x+y+z;
$(".x").css('width', (x/total)*100+'%');
$(".y").css('width', (y/total)*100+'%');
$(".z").css('width', (z/total)*100+'%');