使用JS和HTML实现年龄计算器

论坛 期权论坛 期权     
QDDB   2019-6-16 23:26   2616   0
使用JS和HTML实现周岁年龄计算器,主要使用
  1. Date()
复制代码
这个函数来进行计算,使用当前的时间减去输入的时间,然后换算过来就得到周岁年龄
[h1]输入界面展示[/h1]

[h1]输出结果展示[/h1]
[h1]实现代码[/h1]
  1.                                                             请输入您的出生日期(yyy/mm/dd):            /            /                                    计算                            //计算周岁年龄的函数            function getAge() {                //定义返回值                var returnAge                //获取输入框参数                var birthYear = document.getElementById("year").value                var birthMonth = document.getElementById("month").value                var birthDay = document.getElementById("day").value                //获取当前时间                d = new Date();                var nowYear = d.getFullYear()                var nowMonth = d.getMonth() + 1                var nowDay = d.getDate()                //计算周岁年龄差                if (nowYear == birthYear) {                    returnAge = 0; //同年 则为0岁                } else {                    var ageDiff = nowYear - birthYear //年之差                    if (ageDiff > 0) {                        if (nowMonth == birthMonth) {                            var dayDiff = nowDay - birthDay //日之差                            if (dayDiff < 0) {                                returnAge = ageDiff - 1                            } else {                                returnAge = ageDiff                            }                        } else {                            var monthDiff = nowMonth - birthMonth //月之差                            if (monthDiff < 0) {                                returnAge = ageDiff - 1                            } else {                                returnAge = ageDiff                            }                        }                    } else {                        returnAge = -1 //输入有误                    }                }                alert(returnAge)//结果弹窗显示            }            
复制代码
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:
帖子:
精华:
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP