「被写界深度 計算」でググったら同じようなスクリプトが無数に出てきますが・・w
まぁいい練習台ではありますw

mm
mm
実焦点距離mm
ピント位置m
絞り F
過焦点距離m
焦点深度mm
DOF前端m
DOF後端m
前方DOFm
後方DOFm

ちなみに許容錯乱円径の値は一応画面対角線長の1/1300を採ってます。
高画素機だとこの数字より浅くなると考えた方がいいかも知れません?

忘却防止用にソースも。次はCSSかなんかいじるスクリプト作るかー。