使用方法:复制全部源代码,另存为.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="本金" οnblur="validate(this)">
<font color=#FF0000>*</font>
<BR>
<label for = "s_savingperiod">存期</label>
<SELECT NAME="s_savingperiod" title="存期" οnblur="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="利率" οnblur="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="时长" οnblur="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>

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

  1. 基于JavaScript实现网页计算器

    基于JavaScript的网页计算器 基于HTML.CSS.JavaScript制作的网页计算器,其中可以实现加.减.乘.除.取整.求余.阶乘.科学计数等功能 界面如下: 代码如下: 有兴趣的朋友欢迎 ...

  2. Web网页版简易计算器

    说明: 1.这个计算器的功能比较简单,包括加减乘除,小数点,退格,清除以及等于. 2.首先写出html,即界面主要框架:再写出css,即属性,使框架看起来美观一些:最后就是javascript,就是功 ...

  3. 网页版简易计算器(仅加减乘除)

    网页版简易计算器(仅加减乘除) ------------------------------------- 开发工具与关键技术:Visual Studio 2015 C# 作者:林敏静 撰写时间:20 ...

  4. 转让一套基于 Flash 的网页版棋牌平台

    赖勇浩(http://laiyonghao.com) 转让一套基于 Flash 的网页版棋牌平台,它是我在 2009 年初开发完成的,当时是接了一个外包,所以才起意做这个项目的,后来项目流产了.最近看 ...

  5. 基于Python实现网页版去水印之去除图片右下角水印

    基于Python实现网页版去图片右下角水印 Python可以用OpenCV去除图片水印,但如何结合web框架去实现网页版去水印,带着这样的疑问,我搜索研究了一下,发现是完全可以实现的,而且考虑到部署服 ...

  6. 网页转图片捕捉器 v1.0 官方

    Welcome to my blog! <script language="javascript" src="http://avss.b15.cnwg.cn/cou ...

  7. JavaScript原生-网页版计算器

    由于无聊看电脑上的系统软件翻到了计算器这个功能 于是无聊就无聊吧,就简单写一下这个计算器的功能吧.这个网页版计算器基本功能都有吧,但是不是很完全,仅供参考. 首先是网页计算器的样式部分不想手写直接复制 ...

  8. HTML5实现网页计算器清空操作,基于JavaScript实现网页计算器

    本文实例为大家分享了JavaScript实现网页计算器的扫雷游戏的具体代码,供大家参考,具体内容如下 先看效果: 此外,计算器还附有数字.运算符检查功能: 下贴源码: 计算器 var oper1=pr ...

  9. 基于JavaWeb的网页版邮箱系统设计与实现

    资源下载地址:https://download.csdn.net/download/sheziqiong/86790177 资源下载地址:https://download.csdn.net/downl ...

最新文章

  1. Markdown简单语法
  2. 对于七段数码数字模型进行改进:一个关键的数字1的问题
  3. 【深度学习】Swin Transformer结构和应用分析
  4. hive hql文档_30分钟入门 Hive SQL(HQL 入门篇)
  5. gcc/g++ 编译器出现 undefined reference to ‘这里是函数名‘,往往意味这这个函数没有定义
  6. 每天学点java_反射作用
  7. Git 版本管理工具命令速查
  8. java为什么需要枚举_java – 什么是枚举,为什么它们有用?
  9. js递归性能影响及解决方案
  10. 三大统计相关系数:Pearson、Spearman秩相关系数、kendall等级相关系数
  11. http请求状态码表示的意义
  12. 错误报告函数:strerror和perror
  13. PM3GUI 和 RDV4GUI 专业版软件试用手札
  14. C# MessageQueue例子
  15. 使用C语言编写craps骰子游戏,Python实现国外赌场热门游戏Craps(双骰子)
  16. if语句的基本使用语法
  17. nginx80转443
  18. [wordpress] Easy Custom Auto Excerpt Options 插件头图样式修改
  19. Python批量合并处理B站视频
  20. JTAG (三) jtag实例 riscv

热门文章

  1. 火山中文编程 -- MD5算法和SHA算法
  2. 应用覆盖安装后桌面图标消失问题
  3. 台式计算机怎么进入bios,台式机电脑win7怎么进入bios教程
  4. onegreen的绿软word2003绿色版删除不掉的解决方案
  5. 不需要支撑结构的3D打印技术:多轴机器人3D打印系统
  6. Linux 网络访问控制
  7. 博客园 页首html代码,可爱的博客园样式美化、自定义博客园主题样式
  8. linux java打包工具有哪些_Linux打包和压缩工具的使用详解
  9. 十三届智能车直立车程序
  10. liunx服务器遇到SYN_SENT洪水攻击