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 相关文章推荐
JS中的substring和substr函数的区别说明
May 07 Javascript
js实现宇宙星空背景效果的方法
Mar 03 Javascript
jQuery使用经验小技巧(推荐)
May 31 Javascript
Bootstrap中的fileinput 多图片上传及编辑功能
Sep 05 Javascript
使用Ajax与服务器(JSON)通信实例
Nov 04 Javascript
Angular2学习笔记——详解NgModule模块
Dec 02 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
Jul 31 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
Aug 22 Javascript
react native 原生模块桥接的简单说明小结
Feb 26 Javascript
vue 集成jTopo 处理方法
Aug 07 Javascript
vue 使用高德地图vue-amap组件过程解析
Sep 07 Javascript
Vue 数据响应式相关总结
Jan 28 Vue.js
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
用Zend Encode编写开发PHP程序
2010/02/21 PHP
php图片加水印原理(超简单的实例代码)
2013/01/18 PHP
一个简单至极的PHP缓存类代码
2015/10/23 PHP
详解PHP数组赋值方法
2015/11/07 PHP
获取当前网页document.url location.href区别总结
2008/05/10 Javascript
jquery的trigger和triggerHandler的区别示例介绍
2014/04/20 Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
2016/12/13 Javascript
vue通过滚动行为实现从列表到详情,返回列表原位置的方法
2018/08/31 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
2019/03/13 Javascript
js根据后缀判断文件文件类型的代码
2020/05/09 Javascript
在nuxt中使用路由重定向的实例
2020/11/06 Javascript
[49:40]2018DOTA2亚洲邀请赛小组赛 A组加赛 TNC vs Newbee
2018/04/03 DOTA
[00:12]DAC SOLO赛卫冕冠军 VG.Paparazi灬展现SOLO技巧
2018/04/06 DOTA
[01:10:49]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
python字典多条件排序方法实例
2014/06/30 Python
python中global与nonlocal比较
2014/11/21 Python
Python运算符重载用法实例分析
2015/06/01 Python
Python删除Java源文件中全部注释的实现方法
2017/08/30 Python
儿童python练习实例
2018/05/27 Python
python 随机森林算法及其优化详解
2019/07/11 Python
python中的列表与元组的使用
2019/08/08 Python
Python猜数字算法题详解
2020/03/01 Python
pytorch加载自己的图像数据集实例
2020/07/07 Python
一文解决django 2.2与mysql兼容性问题
2020/07/15 Python
利用CSS的Sass预处理器(框架)来制作居中效果
2016/03/10 HTML / CSS
CSS3 选择器 属性选择器介绍
2012/01/21 HTML / CSS
HTML5边玩边学(3)像素和颜色
2010/09/21 HTML / CSS
eDreams葡萄牙:全球最大的在线旅行社之一
2019/04/15 全球购物
后勤主管工作职责
2013/12/07 职场文书
小学毕业感言300字
2014/02/19 职场文书
大学生职业生涯规划书
2014/03/14 职场文书
国家励志奖学金个人先进事迹材料
2014/05/04 职场文书
2014年统计工作总结
2014/11/21 职场文书
瘦西湖导游词
2015/02/03 职场文书
JavaScript中时间格式化新思路toLocaleString()
2021/11/07 Javascript
MySQL去除密码登录告警的方法
2022/04/20 MySQL