转数在线计算工具
<p>转数在线计算工具</p>
<pre><code class="language-html"><!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport"
content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui" />
<title>转数在线计算工具</title>
</head>
<style type="text/css">
.head {
width: 58.8rem;
height: 2.45rem;
margin-left: auto;
margin-right: auto;
}
li {
margin-top: 0.02rem;
list-style: none;
float: left;
width: 4rem;
height: 1.4rem;
line-height: 1.4rem;
background: #0088CA;
color: #FFF;
margin-right: 0.06rem;
text-align: center;
}
.tab2 {
display: none;
}
table {
margin: 0;
padding: 0;
width: 13.8rem;
height: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 0.16rem;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 0.01rem;
}
tr {
height: 0.48rem;
}
.z01 {
color: #004F75;
}
td {
border: 1px solid gray;
}
.but {
margin-top: 2.05rem;
width: 13.8rem;
height: 0.45rem;
margin-left: auto;
margin-right: auto;
text-align: right;
}
</style>
<body>
<div class="head">
<li class="switch" id="tab1">公式一</li>
<li class="switch" id="tab2">公式二</li>
</div>
<div class="tab2">
<table>
<tbody>
<tr>
<td></td>
<td>纱线纱长</td>
<td>纱线旦数</td>
<td>纱线模数</td>
</tr>
<tr class="z01">
<td>第一种</td>
<td><input type="text" class="sc11" value="16"></td>
<td><input type="text" class="ds1" value="50"></td>
<td><input type="text" class="ms11" value="56"></td>
</tr>
<tr class="z02">
<td>第二种</td>
<td><input type="text" class="sc22" value="30"></td>
<td><input type="text" class="ds2" value="75"></td>
<td><input type="text" class="ms22" value="14"></td>
</tr>
<tr class="z03">
<td>第三种</td>
<td><input type="text" class="sc33" value="7"></td>
<td><input type="text" class="ds3" value="30"></td>
<td><input type="text" class="ms33" value="56"></td>
</tr>
<tr class="z04">
<td>第四种</td>
<td><input type="text" class="sc44" value="0"></td>
<td><input type="text" class="ds4" value="0"></td>
<td><input type="text" class="ms44" value="0"></td>
</tr>
<tr class="z05">
<td>第五种</td>
<td><input type="text" class="sc55" value="0"></td>
<td><input type="text" class="ds5" value="0"></td>
<td><input type="text" class="ms55" value="0"></td>
</tr>
<tr class="tr02">
<td>设定长度</td>
<td>幅宽</td>
<td>克重</td>
<td>总针数</td>
</tr>
<tr>
<td><input type="text" class="setlength" placeholder="设定长度" value="80"></td>
<td><input type="text" class="fukuan" placeholder="幅宽" value="135"></td>
<td><input type="text" class="kezhong" placeholder="克重" value="435"></td>
<td><input type="text" class="zhenshu" placeholder="工艺总针数" value="3408"></td>
</tr>
<tr>
<td>每匹布的重量</td>
<td><input type="text" readonly="" class="pieceKG" placeholder="匹重/自动计算"></td>
<td>每匹布的转数</td>
<td><input type="text" class="pieceTurns" readonly="" placeholder="每匹转数/自动计算"></td>
</tr>
</tbody>
</table>
<div class="but"><button class="tab1but">确定</button></div>
</div>
<div class="tab1">
<table>
<tbody>
<tr>
<td colspan="2"></td>
<td class="b00">紗長(100G)</td>
<td class="b00">毛数</td>
<td class="b00">纱支</td>
<td class="b00">总针数</td>
<td class="b00">每转重量</td>
</tr>
<tr>
<td rowspan="4" class="b01">棉纱</td>
<td>1</td>
<td><input type="text" class="sc1" value="29.5"></td>
<td><input type="text" class="ms1" value="64"></td>
<td><input type="text" class="sz1" value="21"></td>
<td rowspan="10"><input type="text" class="zzs" value="2640"></td>
<td><input type="text" class="w1" readonly=""></td>
</tr>
<tr>
<td class="b02">2</td>
<td><input type="text" class="sc2" value="0"></td>
<td><input type="text" class="ms2" value="36"></td>
<td><input type="text" class="sz2" value="40"></td>
<td><input type="text" class="w2" readonly=""></td>
</tr>
<tr>
<td>3</td>
<td><input type="text" class="sc3" value="0"></td>
<td><input type="text" class="ms3" value="30"></td>
<td><input type="text" class="sz3" value="21"></td>
<td><input type="text" class="w3" readonly=""></td>
</tr>
<tr>
<td>4</td>
<td><input type="text" class="sc4" value="0"></td>
<td><input type="text" class="ms4" value="36"></td>
<td><input type="text" class="sz4" value="16"></td>
<td><input type="text" class="w4" readonly=""></td>
</tr>
<tr>
<td rowspan="6" class="b01">拉架及<br>poly(D数)</td>
<td>1</td>
<td><input type="text" class="sc5" value="0"></td>
<td><input type="text" class="ms5" value="36"></td>
<td><input type="text" class="sz5" value="75"></td>
<td><input type="text" class="w5" readonly=""></td>
</tr>
<tr>
<td>2</td>
<td><input type="text" class="sc6" value="0"></td>
<td><input type="text" class="ms6" value="45"></td>
<td><input type="text" class="sz6" value="75"></td>
<td><input type="text" class="w6" readonly=""></td>
</tr>
<tr>
<td>3</td>
<td><input type="text" class="sc7" value="0"></td>
<td><input type="text" class="ms7" value="0"></td>
<td><input type="text" class="sz7" value="75"></td>
<td><input type="text" class="w7" readonly=""></td>
</tr>
<tr>
<td>4</td>
<td><input type="text" class="sc8" value="0"></td>
<td><input type="text" class="ms8" value="60"></td>
<td><input type="text" class="sz8" value="40"></td>
<td><input type="text" class="w8" readonly=""></td>
</tr>
<tr>
<td>5</td>
<td><input type="text" class="sc9" value="24"></td>
<td><input type="text" class="ms9" value="32"></td>
<td><input type="text" class="sz9" value="200"></td>
<td><input type="text" class="w9" readonly=""></td>
</tr>
<tr>
<td>6</td>
<td><input type="text" class="sc10" value="0"></td>
<td><input type="text" class="ms10" value="30"></td>
<td><input type="text" class="sz10" value="70"></td>
<td><input type="text" class="w10" readonly=""></td>
</tr>
<tr>
<td colspan="5"></td>
<td>匹重/(Kg)</td>
<td><input type="text" placeholder="匹重" value="20" class="piz"></td>
</tr>
<tr>
<td colspan="5"></td>
<td>落布转数</td>
<td><input type="text" placeholder="落布转数/自动计算" readonly="" value="0" class="turns"></td>
</tr>
</tbody>
</table>
<div class="but"><button class="tab2but">确定</button></div>
</div>
</body>
</html>
<script src="jquery.min.js"></script>
<script>
function TurnsSize1(){
var sc1 = $(".sc11").val();
var sc2 = $(".sc22").val();
var sc3 = $(".sc33").val();
var sc4 = $(".sc44").val();
var sc5 = $(".sc55").val();
var ds1 = $(".ds1").val();
var ds2 = $(".ds2").val();
var ds3 = $(".ds3").val();
var ds4 = $(".ds4").val();
var ds5 = $(".ds5").val();
var ms1 = $(".ms11").val();
var ms2 = $(".ms22").val();
var ms3 = $(".ms33").val();
var ms4 = $(".ms44").val();
var ms5 = $(".ms55").val();
var setlength = $(".setlength").val();
var fukuan = $(".fukuan").val();
var kezhong = $(".kezhong").val();
var zhenshu = parseInt($(".zhenshu").val());
var pieceTurns1 = parseInt((sc1*ds1*ms1*zhenshu)+(sc2*ds2*ms2*zhenshu)+(sc3*ds3*ms3*zhenshu)+(sc4*ds4*ms4*zhenshu)+(sc5*ds5*ms5*zhenshu));
var pieceKG1 = (setlength*fukuan*kezhong/100000).toFixed(2);
var pieceKG = (setlength*fukuan*kezhong/100000).toFixed(0);
var pieceTurns = ((pieceKG1*90000000000)/pieceTurns1).toFixed(0);
$(".pieceKG").val(pieceKG);
$(".pieceTurns").val(pieceTurns);
//parent.$("#luobuzhuanshu").val(pieceTurns);
//parent.$("#pizhong").val(pieceKG);
}
function TurnsSize2(){
var zzs = $(".zzs").val();//总针数
var piz = $(".piz").val();//匹重
var sc1 = $(".sc1").val();
var sc2 = $(".sc2").val();
var sc3 = $(".sc3").val();
var sc4 = $(".sc4").val();
var sc5 = $(".sc5").val();
var sc6 = $(".sc6").val();
var sc7 = $(".sc7").val();
var sc8 = $(".sc8").val();
var sc9 = $(".sc9").val();
var sc10 = $(".sc10").val();
var ms1 = $(".ms1").val();
var ms2 = $(".ms2").val();
var ms3 = $(".ms3").val();
var ms4 = $(".ms4").val();
var ms5 = $(".ms5").val();
var ms6 = $(".ms6").val();
var ms7 = $(".ms7").val();
var ms8 = $(".ms8").val();
var ms9 = $(".ms9").val();
var ms10 = $(".ms10").val();
var sz1 = $(".sz1").val();
var sz2 = $(".sz2").val();
var sz3 = $(".sz3").val();
var sz4 = $(".sz4").val();
var sz5 = $(".sz5").val();
var sz6 = $(".sz6").val();
var sz7 = $(".sz7").val();
var sz8 = $(".sz8").val();
var sz9 = $(".sz9").val();
var sz10 = $(".sz10").val();
var w1 = parseInt((sc1*ms1*zzs*583/sz1/10000000000)*100000000000)/100000000000;
var w2 = parseInt((sc2*ms2*zzs*583/sz2/10000000000)*100000000000)/100000000000;
var w3 = parseInt((sc3*ms3*zzs*583/sz3/10000000000)*100000000000)/100000000000;
var w4 = parseInt((sc4*ms4*zzs*583/sz4/10000000000)*100000000000)/100000000000;
var w5 = parseInt((sc5*ms5*sz5*zzs/90000000000)*100000000000)/100000000000;
var w6 = parseInt((sc6*ms6*sz6*zzs/90000000000)*100000000000)/100000000000;
var w7 = parseInt((sc7*ms7*sz7*zzs/90000000000)*100000000000)/100000000000;
var w8 = parseInt((sc8*ms8*sz8*zzs/90000000000)*100000000000)/100000000000;
var w9 = parseInt((sc9*ms9*sz9*zzs/90000000000)*100000000000)/100000000000;
var w10 = parseInt((sc10*ms10*sz10*zzs/90000000000)*100000000000)/100000000000;
$(".w1").val(w1.toFixed(5));
$(".w2").val(w2.toFixed(5));
$(".w3").val(w3.toFixed(5));
$(".w4").val(w4.toFixed(5));
$(".w5").val(w5.toFixed(5));
$(".w6").val(w6.toFixed(5));
$(".w7").val(w7.toFixed(5));
$(".w8").val(w8.toFixed(5));
$(".w9").val(w9.toFixed(5));
$(".w10").val(w10.toFixed(5));
var turns = (piz/(w1+w2+w3+w4+w5+w6+w7+w8+w9+w10)).toFixed(0);
$(".turns").val(turns);
//parent.$("#luobuzhuanshu").val(turns);
//parent.$("#pizhong").val(piz);
}
$(".tab1 input").change(function(){
TurnsSize2();
});
$(".tab2 input").change(function(){
TurnsSize1();
});
TurnsSize1();
TurnsSize2();
$(".switch").click(function(){
if($(this).attr("id")=="tab1"){
$(".tab1").show();
$(".tab2").hide();
}
if($(this).attr("id")=="tab2"){
$(".tab2").show();
$(".tab1").hide();
}
});
</script></code></pre>