jQuery实现根据生日计算年龄 星座 生肖


Posted in Javascript onNovember 23, 2016
<html>
<head>
 <title></title>
 <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

 <script type="text/javascript">
 //根据输入的生日自动获取星座,生肖和年龄。
 var year = new Array("猪", "鼠", "牛", "虎", "兔", "龙", "蛇", "马", "羊", "猴", "鸡", "狗");
 jQuery(function () {
  $("#Birthday").blur(function () {
  setTimeout(function () {
   var strHtml = "";
   var date = new Date($("#Birthday").val().replace(/-/g, "/"));
   var con = getxingzuo(date.getMonth() + 1, date.getDate());
   strHtml += "你的星座是:" + con;
   var zodiac = year[(parseInt(date.getFullYear()) + 9) % 12];
   strHtml += "<br/>你的生肖是:" + zodiac;
   var Age = new Date().getFullYear() - date.getFullYear();
   strHtml += "<br/>你的年龄是:" + Age;
   $("#div1").append(strHtml);
  }, 200);
  })
 })
 function getxingzuo(month, day) {
  var d = new Date(1999, month - 1, day, 0, 0, 0);
  var arr = [];
  arr.push(["魔羯座", new Date(1999, 0, 1, 0, 0, 0)])
  arr.push(["水瓶座", new Date(1999, 0, 20, 0, 0, 0)])
  arr.push(["双鱼座", new Date(1999, 1, 19, 0, 0, 0)])
  arr.push(["牡羊座", new Date(1999, 2, 21, 0, 0, 0)])
  arr.push(["金牛座", new Date(1999, 3, 21, 0, 0, 0)])
  arr.push(["双子座", new Date(1999, 4, 21, 0, 0, 0)])
  arr.push(["巨蟹座", new Date(1999, 5, 22, 0, 0, 0)])
  arr.push(["狮子座", new Date(1999, 6, 23, 0, 0, 0)])
  arr.push(["处女座", new Date(1999, 7, 23, 0, 0, 0)])
  arr.push(["天秤座", new Date(1999, 8, 23, 0, 0, 0)])
  arr.push(["天蝎座", new Date(1999, 9, 23, 0, 0, 0)])
  arr.push(["射手座", new Date(1999, 10, 22, 0, 0, 0)])
  arr.push(["魔羯座", new Date(1999, 11, 22, 0, 0, 0)])
  for (var i = arr.length - 1; i >= 0; i--) {
  if (d >= arr[i][1]) return arr[i][0];
  }
 }
 </script>
</head>
<body>
 <div id="div1" style="width:200px;height:200px;">
  <input type="text" id="Birthday" value="请输入你的生日!" />
  <input type="button" value="开始计算" />
 </div>
</body>
</html>

以上就是本文的全部内容,希望对大家有所帮助,谢谢对三水点靠木的支持!

Javascript 相关文章推荐
基于jquery的二级联动菜单实现代码
Apr 25 Javascript
js取得url地址参数实例
Feb 22 Javascript
一个js导致的jquery失效问题的解决方法
Nov 27 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
Apr 28 Javascript
jQuery+ajax+asp.net获取Json值的方法
Jun 08 Javascript
前端js实现文件的断点续传 后端PHP文件接收
Oct 14 Javascript
老生常谈原生JS执行环境与作用域
Nov 22 Javascript
Bootstrap Multiselect 常用组件实现代码
Jul 09 Javascript
JS基于ES6新特性async await进行异步处理操作示例
Feb 02 Javascript
微信小程序利用swiper+css实现购物车商品删除功能
Mar 06 Javascript
vue中的面包屑导航组件实例代码
Jul 01 Javascript
JavaScript多种滤镜算法实现代码实例
Dec 10 Javascript
JS DOMReady事件的六种实现方法总结
Nov 23 #Javascript
domReady的实现案例
Nov 23 #Javascript
BootStrap按钮标签及基本样式
Nov 23 #Javascript
JavaScript仿百度图片浏览效果
Nov 23 #Javascript
Asp.Net之JS生成分页条的方法
Nov 23 #Javascript
javascript判断firebug是否开启的方法
Nov 23 #Javascript
JavaScript表单验证开发
Nov 23 #Javascript
You might like
PHP使用strtotime计算两个给定日期之间天数的方法
2015/03/18 PHP
php发送http请求的常用方法分析
2016/11/08 PHP
PHP中的浅复制与深复制的实例详解
2017/10/26 PHP
浅谈PHPANALYSIS提取关键字
2019/03/08 PHP
ThinkPHP3.2.3框架实现的空模块、空控制器、空操作,跳转到错误404页面图文详解
2019/04/03 PHP
php函数式编程简单示例
2019/08/08 PHP
接收键盘指令的脚本
2006/06/26 Javascript
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
2010/12/28 Javascript
基于jQuery的让非HTML5浏览器支持placeholder属性的代码
2011/05/24 Javascript
在JavaScript中操作时间之getYear()方法的使用教程
2015/06/11 Javascript
js实现人民币大写金额形式转换
2016/04/27 Javascript
基于JS实现类似支付宝支付密码输入框
2016/09/02 Javascript
JS去除重复并统计数量的实现方法
2016/12/15 Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
2017/01/20 Javascript
bootstrap datetimepicker日期插件超详细使用方法介绍
2017/02/23 Javascript
打造通用的匀速运动框架(实例讲解)
2017/10/17 Javascript
Node中使用ES6语法的基础教程
2018/01/05 Javascript
解决vue attr取不到属性值的问题
2018/09/18 Javascript
vue实现拖拽的简单案例 不超出可视区域
2019/07/25 Javascript
vue 页面回退mounted函数不执行的解决方案
2020/07/26 Javascript
[20:46]Ti4循环赛第三日VG vs DK
2014/07/12 DOTA
Python计算三角函数之asin()方法的使用
2015/05/15 Python
python3实现暴力穷举博客园密码
2016/06/19 Python
Python两个内置函数 locals 和globals(学习笔记)
2016/08/28 Python
PyQt5每天必学之弹出消息框
2018/04/19 Python
Python从函数参数类型引出元组实例分析
2019/05/28 Python
tensorflow模型的save与restore,及checkpoint中读取变量方式
2020/05/26 Python
python的数学算法函数及公式用法
2020/11/18 Python
来自世界上最好大学的在线课程:edX
2018/10/16 全球购物
保时捷设计:Porsche Design
2019/03/30 全球购物
办公室文秘岗位职责
2013/11/15 职场文书
网络工程专业自荐信范文
2014/03/16 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
2019年暑期法院实习报告
2019/12/18 职场文书
pytorch实现ResNet结构的实例代码
2021/05/17 Python
python 中yaml文件用法大全
2021/07/04 Python