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 相关文章推荐
固定背景实现的背景滚动特效示例分享
May 19 Javascript
javascript表单验证使用示例(javascript验证邮箱)
Jan 07 Javascript
javascript实现在网页任意处点左键弹出隐藏菜单的方法
May 13 Javascript
基于JavaScript实现定时跳转到指定页面
Jan 01 Javascript
jquery的checkbox,radio,select等方法小结
Aug 30 Javascript
JS之获取样式的简单实现方法(推荐)
Sep 13 Javascript
微信小程序 swiper组件轮播图详解及实例
Nov 16 Javascript
bootstrap中selectpicker下拉框使用方法实例
Mar 22 Javascript
快速解决brew安装特定版本flow的问题
May 17 Javascript
webpack4 处理SCSS的方法示例
Sep 03 Javascript
详解Vue组件之间通信的七种方式
Apr 14 Javascript
js前端传json后台接收‘‘被转为quot的问题解决
Nov 12 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
Mysql的常用命令
2006/10/09 PHP
PHP实现中文圆形印章特效
2015/06/19 PHP
PHP自定义多进制的方法
2016/11/03 PHP
yii2使用GridView实现数据全选及批量删除按钮示例
2017/03/01 PHP
PHP数组式访问接口ArrayAccess用法分析
2017/12/28 PHP
JavaScript 反科里化 this [译]
2012/09/20 Javascript
jquery animate实现鼠标放上去显示离开隐藏效果
2013/07/21 Javascript
浅析node.js中close事件
2014/11/26 Javascript
JS作用域链详解
2017/06/26 Javascript
Bootstrap modal只加载一次数据的解决办法(推荐)
2017/11/24 Javascript
使用FormData实现上传多个文件
2018/12/04 Javascript
JS代码触发事件代码实例
2020/01/02 Javascript
Python开发常用的一些开源Package分享
2015/02/14 Python
Python实现设置windows桌面壁纸代码分享
2015/03/28 Python
利用Python如何生成便签图片详解
2018/07/09 Python
对Python+opencv将图片生成视频的实例详解
2019/01/08 Python
Python: 传递列表副本方式
2019/12/19 Python
python实现爱奇艺登陆密码RSA加密的方法示例详解
2020/05/27 Python
没编程基础可以学python吗
2020/06/17 Python
使用CSS3的背景渐变Text Gradient 创建文字颜色渐变
2014/08/19 HTML / CSS
h5封装下拉刷新
2020/08/25 HTML / CSS
阿姆斯特丹城市卡:Amsterdam Pass
2019/12/01 全球购物
New delete 与malloc free 的联系与区别
2013/02/04 面试题
客服实习的个人自我鉴定
2013/10/20 职场文书
人力资源管理专业毕业生推荐信
2013/11/07 职场文书
毕业生找工作推荐信
2013/11/21 职场文书
网上蛋糕店创业计划书
2014/01/24 职场文书
竞选卫生委员演讲稿
2014/04/28 职场文书
2014年安全生产目标责任书
2014/07/23 职场文书
教师党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
工伤事故证明
2014/10/20 职场文书
医生学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
2014-2015学年工作总结
2014/11/27 职场文书
党支部综合考察意见
2015/06/01 职场文书
接收函
2019/04/22 职场文书
MySQL基础(二)
2021/04/05 MySQL