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常用排序实现代码
Dec 28 Javascript
javascript检测浏览器flash版本的实现代码
Dec 06 Javascript
JS截取与分割字符串常用技巧总结
Nov 10 Javascript
Bootstrap 组件之按钮(二)
May 11 Javascript
AngularJS基础 ng-init 指令简单示例
Aug 02 Javascript
JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
Nov 10 Javascript
JavaScript Uploadify文件上传实例
Feb 28 Javascript
Vue代码分割懒加载的实现方法
Nov 23 Javascript
关于 angularJS的一些用法
Nov 29 Javascript
详解如何实现一个简单的Node.js脚手架
Dec 04 Javascript
30分钟快速实现小程序语音识别功能
Nov 27 Javascript
layer.open提交子页面的form和layedit文本编辑内容的方法
Sep 27 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
PHP系列学习之日期函数使用介绍
2012/08/18 PHP
如何使用php绘制在图片上的正余弦曲线
2013/06/08 PHP
解析php dirname()与__FILE__常量的应用
2013/06/24 PHP
php5.4以下版本json不支持不转义内容中文的解决方法
2015/01/13 PHP
调用WordPress函数统计文章访问量及PHP原生计数器的实现
2016/03/21 PHP
php基于ob_start(ob_gzhandler)实现网页压缩功能的方法
2017/02/18 PHP
浅谈jQuery中的事件
2015/03/23 Javascript
JS中取二维数组中最大值的方法汇总
2016/04/17 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
2016/05/03 Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
2016/06/12 Javascript
JS实现对中文字符串进行utf-8的Base64编码的方法(使其与Java编码相同)
2016/06/21 Javascript
AngularJs基本特性解析(一)
2016/07/21 Javascript
AngularJS ng-blur 指令详解及简单实例
2016/07/30 Javascript
nodejs中向HTTP响应传送进程的输出
2017/03/19 NodeJs
Bootstrap table使用方法总结
2017/05/10 Javascript
jquery+css实现侧边导航栏效果
2017/06/12 jQuery
使用react-router4.0实现重定向和404功能的方法
2017/08/28 Javascript
Vue2.0子同级组件之间数据交互方法
2018/02/28 Javascript
通过微信公众平台获取公众号文章的方法示例
2019/12/25 Javascript
简介Django中内置的一些中间件
2015/07/24 Python
python机器学习之决策树分类详解
2017/12/20 Python
python中logging包的使用总结
2018/02/28 Python
详解小白之KMP算法及python实现
2019/04/04 Python
pyqt5 使用label控件实时显示时间的实例
2019/06/14 Python
通过PYTHON来实现图像分割详解
2019/06/26 Python
python3 批量获取对应端口服务的实例
2019/07/25 Python
利用Python绘制有趣的万圣节南瓜怪效果
2019/10/31 Python
python通过opencv实现图片裁剪原理解析
2020/01/19 Python
Python手动或自动协程操作方法解析
2020/06/22 Python
英国领先的杂志订阅网站:Magazine.co.uk
2018/01/25 全球购物
质检的岗位职责
2013/11/17 职场文书
优秀研究生自我鉴定
2013/12/04 职场文书
nginx简单配置多个server的方法
2021/03/31 Servers
python之np.argmax()及对axis=0或者1的理解
2021/06/02 Python
CSS精灵图的原理与使用方法介绍
2022/03/17 HTML / CSS
SQL Server的存储过程与触发器以及系统函数和自定义函数
2022/04/10 SQL Server