Files
mama-box/topic/naifen-js/index.html

92 lines
8.7 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
<meta name="format-detection" content="telephone=no">
<title>奶粉一罐能吃几天</title>
<!-- 孕期计算器 · 奶粉一罐能吃几天(2026-11-06 用户从 20 个备选里选了 5 个,本页是其中之一)。
每天奶量 ML(纯奶粉喂养,按月龄,参考 6 月内约 150ml/kg/天、上限约 960ml(11-08 由 1000 改,参考 AAP 每天不超过约 32 oz);6 月后加辅食逐渐减少;1~3 岁按每天 400~600ml 奶取 500),
填了体重且在 6 个月内就按 150ml/kg 算当月;混合喂养 ×0.5、母乳为主偶尔补 ×0.1;双胞胎 ×2。冲调按每 100ml 约 14.5 克粉(多数罐上「30ml 水 + 1 平勺约 4.4 克」)。
价格按 800 克罐的常见价位 PR,其它规格按克数折算;用户自己填了单价就用自己的。不是报价,只帮用户估量级。
共用 ../_shared/calc.css + calc.js;自成一页,不引 app.js。 -->
<link rel="stylesheet" href="../_shared/calc.css?v=26110464">
<link rel="stylesheet" href="../_shared/wizard.css?v=26110464">
<style>#res .row b{font-size:17px;white-space:nowrap}:root{--c:#D9893A;--c2:#F5B872;--cbg:#FFF4E6}</style>
</head>
<body>
<div id="scroll">
<header class="bar" id="bar">
<button class="back" id="back" aria-label="返回"><svg viewBox="0 0 24 24"><path d="M15 5l-7 7 7 7"/></svg></button>
<span class="t">孕期计算器</span>
</header>
<section class="hd"><p>孕期计算器</p><h1>奶粉一罐能吃几天</h1><span>每天喝多少、一罐吃几天、一年花多少钱</span></section>
<section class="calc">
<div class="res" id="res"><div class="empty">选完马上算出来</div></div>
<div class="fld"><span class="lb">打算怎么喂</span><div class="seg" id="cFeed"><button type="button" data-v="1">纯奶粉</button><button type="button" data-v="0.5">混合喂养</button><button type="button" data-v="0.1">母乳为主,偶尔补</button></div>
<span class="hint">世界卫生组织建议 6 个月内纯母乳喂养;母乳不够或不方便时,奶粉是很好的补充</span></div>
<div class="fld"><span class="lb">宝宝现在多大</span><div class="seg" id="cAge"><button type="button" data-v="0">还没出生</button><button type="button" data-v="0.5">不满 1 个月</button><button type="button" data-v="2">1~3 个月</button><button type="button" data-v="4.5">3~6 个月</button><button type="button" data-v="9">6~12 个月</button><button type="button" data-v="24">1~3 岁</button></div></div>
<div class="fld" data-opt><label class="lb" for="cKg">宝宝现在的体重<small>选填,6 个月内填了更准</small></label><div class="inw"><input class="in num" type="number" inputmode="decimal" id="cKg" placeholder="比如 5.5"><em>公斤</em></div></div>
<div class="fld"><span class="lb">一胎几个宝宝</span><div class="seg s2" id="cN"><button type="button" data-v="1">一个</button><button type="button" data-v="2">双胞胎</button></div></div>
<div class="fld"><span class="lb">买多大一罐</span><div class="seg" id="cCan"><button type="button" data-v="400">400 克</button><button type="button" data-v="800">800 克</button><button type="button" data-v="900">900 克</button></div></div>
<div class="fld"><span class="lb">什么价位</span><div class="seg" id="cLv"><button type="button" data-v="0">国产常规</button><button type="button" data-v="1">国产高端</button><button type="button" data-v="2">进口 / 有机</button></div>
<span class="hint">800 克一罐大约:国产常规 220 元、国产高端 320 元、进口或有机 420 元(2026 年电商常见到手价)</span></div>
<div class="fld" data-opt><label class="lb" for="cPr">已经选好牌子了?填一罐的价格<small>选填</small></label><div class="inw"><input class="in num" type="number" inputmode="decimal" id="cPr" placeholder="不填按上面的价位算"><em>元/罐</em></div></div>
</section>
<section class="sec">
<h2>不同月龄喝多少</h2>
<p class="lead" id="lead"></p>
<table class="tbl" id="tbl"><thead><tr><th>月龄</th><th>每天奶量</th><th>每月几罐</th><th>每月花费</th></tr></thead><tbody></tbody></table>
</section>
<div class="tip"><b>按需喂,别硬凑数:</b>表里是平均量,宝宝吃饱的信号是自己松开奶嘴、扭头;每天尿湿 6 片以上、体重稳步长,就说明吃够了。<br><b>冲奶按罐上的比例:</b>粉放多了冲得太浓,会加重宝宝肠胃和肾脏负担,放少了不够营养;先放水再放粉,用罐里配的勺刮平。</div>
<p class="foot">奶量和价格是估算,每个宝宝差别不小;喂养问题以儿科医生建议为准。</p>
</div>
<script src="../_shared/calc.js?v=26110464"></script>
<script>
(function () {
'use strict';
var C = window.CK, $ = C.$;
function Y(x) { var s = C.money(x); return /万$/.test(s) ? s + '元' : s + ' 元'; } /* 金额 + 单位:1,058 元 / 1.65 万元 */
C.shell();
/* 纯奶粉每天奶量(ml),按第几个月 0~11;12~35 月按 500 */
var ML = [600, 720, 850, 900, 900, 900, 800, 800, 800, 700, 700, 700];
var G100 = 14.5, PR = [220, 320, 420];
function ml(m) { return m >= 12 ? 500 : ML[Math.floor(m)]; }
var st = C.store('mmbox.calc.naifen', { feed: '', age: '', kg: '', n: '', can: '', lv: '', pr: '' });
['Feed', 'Age', 'N', 'Can', 'Lv'].forEach(function (k) { C.seg($('#c' + k), st, k.toLowerCase(), paint); });
[['#cKg', 'kg'], ['#cPr', 'pr']].forEach(function (p) { var e = $(p[0]); e.value = st[p[1]]; e.addEventListener('input', function () { st[p[1]] = e.value; paint(); }); });
function paint() {
st.save();
var R = $('#res'), tb = $('#tbl tbody');
if (st.feed === '' || st.age === '' || st.n === '' || st.can === '' || st.lv === '') { R.innerHTML = '<div class="empty">选完马上算出来</div>'; tb.innerHTML = ''; return; }
var price = +st.pr >= 30 ? +st.pr : PR[st.lv] * st.can / 800, f = st.feed * st.n;
var kg = +st.kg, a = st.age;
var day = (a > 0 && a < 6 && kg > 1.5 && kg < 15 ? Math.min(kg * 150, 960) : ml(a)) * f; /* 还没出生按头一个月算 */
var g = day * G100 / 100, can = st.can / g;
var y1 = 0, y3 = 0;
for (var m = 0; m < 36; m++) { var c = ml(m) * f * G100 / 100 * 30.4 / st.can * price; if (m < 12) y1 += c; y3 += c; }
R.innerHTML = '<small>' + (a === 0 ? '宝宝出生后头一个月,' : '') + (st.n === 2 ? '两个宝宝' : '') + '每天大约喝 ' + Math.round(day / 10) * 10 + 'ml,' + st.can + ' 克一罐能吃</small><span class="big num">' + (can >= 10 ? Math.round(can) : can.toFixed(1)) + '<u>天</u></span>' +
'<div class="row"><div><small>每月大约</small><b class="num">' + (30.4 / can).toFixed(1) + ' 罐</b></div><div><small>每月花</small><b class="num">' + Y(30.4 / can * price) + '</b></div><div><small>第一年</small><b class="num">' + Y(y1) + '</b></div></div>' +
'<span class="note">每天约用 ' + Math.round(g) + ' 克粉;按同样的喂法,喝到 3 岁一共约 ' + Y(y3) + (st.feed < 1 ? '(母乳越多,花得越少)' : '') + '。</span>';
$('#lead').textContent = (st.feed === 1 ? '纯奶粉' : st.feed === .5 ? '混合喂养按一半算' : '母乳为主按一成算') + (st.n === 2 ? ',两个宝宝' : '') + ',一罐 ' + st.can + ' 克、' + Math.round(price) + ' 元';
tb.innerHTML = [['0~1 个月', 0], ['1~3 个月', 1.5], ['3~6 个月', 4], ['6~9 个月', 7], ['9~12 个月', 10], ['1~3 岁', 20]].map(function (r) {
var d = ml(r[1]) * f, cm = 30.4 * d * G100 / 100 / st.can;
var on = a > 0 && ((a < 1 && r[1] === 0) || (a === 2 && r[1] === 1.5) || (a === 4.5 && r[1] === 4) || (a === 9 && r[1] >= 7 && r[1] < 12) || (a === 24 && r[1] === 20));
return '<tr' + (on ? ' class="on"' : '') + '><td><b>' + r[0] + '</b></td><td class="num">' + Math.round(d / 10) * 10 + ' ml</td><td class="num">' + cm.toFixed(1) + ' 罐</td><td class="num">' + Y(cm * price) + '</td></tr>';
}).join('');
}
paint();
})();
</script>
<script src="../_shared/brand.js?v=26110203"></script>
<script src="../../js/share-card.js?v=26110464"></script>
<script>window.mbShare('../../assets/share/t/naifen-js.jpg', '奶粉一罐能吃几天:每天喝多少、一年花多少'); /* 11-06 微信转发图 */</script>
<script src="../_shared/wizard.js?v=26110464"></script>
<script>CKW.init({ root: '.calc', res: '#res', after: '#scroll > section.calc ~ *' });</script>
<script src="../../js/last-sub.js?v=26110905"></script> <!-- 11-07 小程序刷新回到这一页(见 js/last-sub.js) -->
<script src="../../js/pv.js?v=26110653"></script> <!-- 11-07 页面访问记录(推送效果看板,见 js/pv.js) -->
</body>
</html>