javascript计算星座属相(十二生肖属相)示例代码


Posted in Javascript onJanuary 09, 2014
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function signs() {
var start = 1901, birthyear = document.zodiac.year.value, date=document.zodiac.date.value, month=document.zodiac.month.selectedIndex;
with (document.zodiac.sign){
if (month == 1 && date >=20 || month == 2 && date <=18) {value = "水瓶座";}
if (month == 1 && date > 31) {value = "Huh?";}
if (month == 2 && date >=19 || month == 3 && date <=20) {value = "双鱼座";}
if (month == 2 && date > 29) {value = "Say what?";}
if (month == 3 && date >=21 || month == 4 && date <=19) {value = "白羊座";}
if (month == 3 && date > 31) {value = "OK.  Whatever.";}
if (month == 4 && date >=20 || month == 5 && date <=20) {value = "金牛座";}
if (month == 4 && date > 30) {value = "I'm soooo sorry!";}
if (month == 5 && date >=21 || month == 6 && date <=21) {value = "双子座";}
if (month == 5 && date > 31) {value = "Umm ... no.";}
if (month == 6 && date >=22 || month == 7 && date <=22) {value = "巨蟹座";}
if (month == 6 && date > 30) {value = "Sorry.";}
if (month == 7 && date >=23 || month == 8 && date <=22) {value = "狮子座";}
if (month == 7 && date > 31) {value = "Excuse me?";}
if (month == 8 && date >=23 || month == 9 && date <=22) {value = "室女座";}
if (month == 8 && date > 31) {value = "Yeah. Right.";}
if (month == 9 && date >=23 || month == 10 && date <=22) {value = "天秤座";}
if (month == 9 && date > 30) {value = "Try Again.";}
if (month == 10 && date >=23 || month == 11 && date <=21) {value = "天蝎座";}
if (month == 10 && date > 31) {value = "Forget it!";}
if (month == 11 && date >=22 || month == 12 && date <=21) {value = "人马座";}
if (month == 11 && date > 30) {value = "Invalid Date";}
if (month == 12 && date >=22 || month == 1 && date <=19) {value = "摩羯座";}
if (month == 12 && date > 31) {value = "No way!";}
}
x = (start - birthyear) % 12
with (document.zodiac.csign){
if (x == 1 || x == -11) {value = "老鼠";}
if (x == 0) {value = "牛";}
if (x == 11 || x == -1) {value = "老虎";}
if (x == 10 || x == -2) {value = "兔子";}
if (x == 9 || x == -3)  {value = "龙";}
if (x == 8 || x == -4)  {value ="蛇";}
if (x == 7 || x == -5)  {value = "马";}
if (x == 6 || x == -6)  {value = "羊";}
if (x == 5 || x == -7)  {value = "猴子";}
if (x == 4 || x == -8)  {value = "鸡";}
if (x == 3 || x == -9)  {value = "狗";}
if (x == 2 || x == -10)  {value = "猪";}  
}
}
//  End -->
</script>
<form name="zodiac">
<center>
<table bgcolor="#eeaa00" border="2" bordercolor="#000000" rules="none" cellspacing="0" cellpadding="4">
    <tr><td><b><i>出生年份</i></b></td>
    <td><div align="right"><input type="text" size="10" name="year" value="出生年份" onClick=value=""></div></td>
    <td><!--This empty field is just for appearance--></td>
    <tr><td><b><i>出生月份</i></b></td>
    <td><div align="right">
<select name="month">
<option value="x">请选择一个月份</option>
<option value="1">一月</option><option value="2">二月</option><option value="3">三月</option>
<option value="4">四月</option><option value="5">五月</option><option value="6">六月</option>
<option value="7">七月</option><option value="8">八月</option><option value="9">九月</option>
<option value="10">十月</option><option value="11">十一月</option>
<option value="12">十二月</option></select></div></td>
    <td><!--This empty field is just for appearance--></td></tr>
    <tr><td><b><i>天</i></b></td>
    <td><div align="right"><input type="text" name="date" value="天" size="3" onClick=value=""></td>
    <td><input type="button" value="计算一下" onClick="signs()"></div></td></tr>
    <tr><td><b><i>星座:</i></b></td>
    <td><div align="right"><input type="text" name="sign" size="12" value="" align="right"></div></td></tr>
    <td><!--This empty field is just for appearance--></td></tr>
    <tr><td><b><i>属相:</i></b></td>
    <td><div align="right"><input type="text" name="csign" size="12"></div></td>
    <td><!--This empty field is just for appearance--></td></tr>
</table>
</center>
</form>
Javascript 相关文章推荐
JS 参数传递的实际应用代码分析
Sep 13 Javascript
关于JavaScript定义类和对象的几种方式
Nov 09 Javascript
常见JS效果之图片减速度滚动实现代码
Dec 08 Javascript
基于jquery实现省市联动效果
Nov 23 Javascript
整理Javascript流程控制语句学习笔记
Nov 29 Javascript
JavaScript基础知识及常用方法总结
Jan 10 Javascript
js面向对象的写法
Feb 19 Javascript
JQuery用户名校验的具体实现
Mar 18 Javascript
Angular2 环境配置详细介绍
Sep 21 Javascript
JS事件绑定的常用方式实例总结
Mar 02 Javascript
浅谈目前可以使用ES10的5个新特性
Jun 25 Javascript
JsonProperty 的使用方法详解
Oct 11 Javascript
javascript计算用户打开网页的停留时间
Jan 09 #Javascript
js中生成map对象的方法
Jan 09 #Javascript
js获取通过ajax返回的map型的JSONArray的方法
Jan 09 #Javascript
jQuery如何实现点击页面获得当前点击元素的id或其他信息
Jan 09 #Javascript
js获取select标签选中值的两种方式
Jan 09 #Javascript
jquery自定义函数的多种方法
Jan 09 #Javascript
jQuery动态添加、删除元素的方法
Jan 09 #Javascript
You might like
WordPress导航菜单的滚动和淡入淡出效果的实现要点
2015/12/14 PHP
过虑特殊字符输入的js代码
2010/08/05 Javascript
js中arguments,caller,callee,apply的用法小结
2014/01/28 Javascript
js与C#进行时间戳转换
2014/11/14 Javascript
JavaScript中的getTime()方法使用详解
2015/06/10 Javascript
基于Node.js的强大爬虫 能直接发布抓取的文章哦
2016/01/10 Javascript
全面介绍javascript实用技巧及单竖杠
2016/07/18 Javascript
Bootstrap标签页(Tab)插件使用方法
2017/03/21 Javascript
JavaScript类的继承操作实例总结
2018/12/20 Javascript
vue项目中使用scss的方法步骤
2019/05/16 Javascript
vue动态注册组件实例代码详解
2019/05/30 Javascript
JS实现音量控制拖动
2020/01/15 Javascript
vue中keep-alive、activated的探讨和使用详解
2020/07/26 Javascript
es5 类与es6中class的区别小结
2020/11/09 Javascript
python多线程http下载实现示例
2013/12/30 Python
详解Python程序与服务器连接的WSGI接口
2015/04/29 Python
Python 数据结构之旋转链表
2017/02/25 Python
Django实现自定义404,500页面教程
2017/03/26 Python
python使用xpath中遇到:到底是什么?
2018/01/04 Python
python爬虫爬取淘宝商品信息
2018/02/23 Python
python3利用tcp实现文件夹远程传输
2018/07/28 Python
tensorflow学习教程之文本分类详析
2018/08/07 Python
python实现键盘控制鼠标移动
2020/11/27 Python
Python Pexpect库的简单使用方法
2019/01/29 Python
python 处理微信对账单数据的实例代码
2019/07/19 Python
使用Python下载抖音各大V视频的思路详解
2021/02/06 Python
详解HTML5中垂直上下居中的解决方案
2017/12/20 HTML / CSS
eDreams葡萄牙:全球最大的在线旅行社之一
2019/04/15 全球购物
六道php面试题附答案
2014/06/05 面试题
在C语言中实现抽象数据类型什么方法最好
2014/06/26 面试题
数据管理员的自我评价分享
2013/11/15 职场文书
业务代表的岗位职责
2013/11/16 职场文书
白鹤梁导游词
2015/02/06 职场文书
幼儿园新学期开学寄语
2015/05/27 职场文书
开学第一周日记(三篇范文)
2019/08/23 职场文书
django学习之ajax post传参的2种格式实例
2021/05/14 Python