基于JavaScript的网页版【定期存款计算器 - DepositCaculator v1.0】 - xublogs

基于JavaScript的网页版【定期存款计算器 - DepositCaculator v1.0】

Posted on 2011-07-30 16:49 xublogs 阅读(346) 评论(0) 编辑收藏举报

使用方法：复制全部源代码，另存为.html文件。

免责声明：此程序为作者练习作品，不保证结果100%正确，对使用本程序造成的任何损失概不负责。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE>定期存款计算器 - DepositCaculator v1.0</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
	
	var principal; // 本金
	var savingperiod; // 存期
	var rate; // 利率
	var lastperiod; // 时长

	// 验证是否为数值
	function validate(ctl)
	{
		if (isNaN(ctl.value))// || ctl.value == "")
		{
			alert(ctl.title + "必须为数值！")
			ctl.select();
			ctl.focus();
		}
	}

	// 验证是否为空
	function validate2()
	{
		var tmp;
		var f=document.forms["calcform"];
		for(var i=0; i<f.elements.length-1; i++){
			tmp = f.elements[i].value.replace(" ","")
			if (tmp=="")
			{
				alert(f.elements[i].title + "不能为空！")
				return false;
			}
			else
			{
				switch(f.elements[i].name){
					case "t_principal":
					principal = tmp;
					case "s_savingperiod":
					savingperiod = tmp;
					case "t_rate":
					rate = tmp / 100;
					case "t_lastperiod":
					lastperiod = tmp;
				}
			}
		}
		return true;
	}

	function calc()
	{
		
		// 公式：本金利息总和＝本金*((1+利率*(存期/12))^(时长/存期))
		return (principal*(Math.pow((1+rate*(savingperiod/12)),Math.floor(lastperiod/savingperiod))));
	}

	function year2month()
	{
		document.forms["calcform"].elements["t_lastperiod"].value = 
		document.forms["calcform"].elements["t_lastperiod"].value * 12;
	}

	function docalc()
	{
		var total=0;

		if (validate2())
		{
			//alert ("NULL check pass!");
			var remainder = lastperiod % savingperiod;
			if (remainder != 0)
			{
				if (confirm("时长不是存期整数倍，最后一个存期将当作活期而不计算利率！"))
				{
					total = calc();
				}
			}
			else
			{
				total = calc();
			}
		}

		if (total != 0)
		{
			document.forms["calcform"].elements["t_result"].value=total;
		}
	}
	
//-->
</SCRIPT>
 </HEAD>

 <BODY>
  <FORM name="calcform">
	<H1>定期存款计算器</H1>
	<h5>
	DepositCaculator v1.0
	<BR>
	本程序基于如下公式(时长、存期均以月为单位)
	<BR>
	<font color="#FF0000">本利和＝本金*((1+利率*(存期/12))^(时长/存期))</font>
	</h5>

	<label for = "t_principal">本金</label>
	<INPUT TYPE="text" NAME="t_principal" title="本金" onblur="validate(this)">
	<font color=#FF0000>*</font>
	<BR>

	<label for = "s_savingperiod">存期</label>
	<SELECT NAME="s_savingperiod" title="存期" onblur="validate(this)">
		<OPTION VALUE="3" SELECTED>三个月</OPTION>
		<OPTION VALUE="6">六个月</OPTION>
		<OPTION VALUE="12">一年</OPTION>
		<OPTION VALUE="24">二年</OPTION>
		<OPTION VALUE="36">三年</OPTION>
		<OPTION VALUE="60">五年</OPTION>
	</SELECT>
	<font color=#FF0000>*</font>
	<BR>

	<label for = "t_rate">利率</label>
	<INPUT TYPE="text" NAME="t_rate" title="利率" onblur="validate(this)">
	<font color=#FF0000>*</font>
	<A HREF="http://www.cmbchina.com/CmbWebPubInfo/InterestRate.aspx?chnl=ckrate" target="blank">利率查询</A>
	<BR>

	<label for = "t_lastperiod">时长</label>
	<INPUT TYPE="text" NAME="t_lastperiod" title="时长" onblur="validate(this)">
	<font color=#FF0000>*</font>
	存多久，以月为单位，可先填入年数，计算前使用[年转月]进行转换
	<BR>

	<label for = "t_lastperiod">计算</label>
	<INPUT TYPE="button" VALUE="年转月"  title="年转月" ONCLICK="year2month()">
	<INPUT TYPE="button" VALUE="计算"  title="计算" ONCLICK="docalc()">
	<INPUT TYPE="reset" VALUE="重置"  title="重置">
	<BR>

	<label for = "t_result">结果</label>
	<INPUT TYPE="text" NAME="t_result" title="本利和" value="基于本息续存的本利和" disabled>
	<BR>

	<p>© <a href="http://blog.csdn.net/t0nsha/" target="blank">t0nsha</a href>
  </FORM>
 </BODY>
</HTML>

刷新页面返回顶部