<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312-80"><link rel="stylesheet" type="text/css" href="js.css" />
<style type="text/css">
<!--
a:link { color: blue; text-decoration: none}
a:visited { color: purple; text-decoration: none}
a:hover { color: #CC0033; text-decoration: underline}
-->
</style>
<title>JavaScript高级教程</title>
<script language="JavaScript">
<!-- hide me
// here are some global variables
var pet1;
var pet2;
var the_time_out;
var min_health = 0;
function Pet(the_pet_name, the_form_number)
{
this.age = 0;
this.hunger = Math.random() * 5; // random number between 0 and 4.99
this.health = Math.random() * 5 + 2 ; // random number between 2 and 6.99
this.happiness = Math.random() * 5;
this.pet_name = the_pet_name;
this.form_number = the_form_number;
this.feed = feed;
this.play = play;
this.medicate = medicate;
this.display = display;
this.makeOlder = makeOlder;
window.document.forms[the_form_number].pet_name.value = the_pet_name;
this.display();
}
function feed()
{
var meal_quality = Math.random() * 2;
this.hunger = this.hunger - meal_quality;
if (this.hunger < 0)
{
this.hunger = 0;
}
this.display();
}
function play()
{
var play_quality = Math.random() * 2;
this.happiness = this.happiness + play_quality;
this.display();
}
function medicate()
{
var max_health = 5; // if the pet is this healthy, medicine won't help
var med_quality = Math.random() * 1;
if (this.health + med_quality < max_health)
{
this.health = this.health + med_quality;
} else {
this.health = max_health;
}
}
function display()
{
var the_string = "";
if (this.health < min_health)
{
the_string = this.pet_name + " IS DEAD!";
} else {
the_string += "Happiness " + parseInt(this.happiness);
the_string += ". Health: " + parseInt(this.health);
the_string += ". Hunger: " + parseInt(this.hunger);
the_string += ". Age: " + parseInt(this.age);
the_string += ".";
}
window.document.forms[this.form_number].pet_status.value = the_string;
}
function makeOlder()
{
var max_hunger = 5;
var good_happiness = 5;
if (this.health > min_health)
{
this.age +=1;
this.happiness -= Math.random() * 2;
this.hunger += Math.random() * 2;
if (this.hunger > max_hunger)
{
this.health -= Math.random() * 2;
this.happiness -= Math.random() * 2;
}
if (this.health <0)
{
this.happiness -= Math.random() * 2;
}
if (this.hunger < 0)
{
this.hunger = 0;
}
if (this.happiness > good_happiness)
{
this.health += Math.random() *2;
}
}
this.display();
}
function start()
{
pet1 = new Pet("barney",2);
pet2 = new Pet("betty",3);
moveTime();
}
function moveTime()
{
pet1.makeOlder();
pet2.makeOlder();
the_time_out = setTimeout("moveTime();", 3000);
}
// show me -->
</script>
</head>
<body topmargin="1" leftmargin="2">
<table border="0" width="591" cellspacing="0">
<tr>
<td width="451">JavaScript高级教程 - 第四课</td>
</tr>
<tr>
<td width="451"><a href="mailto:[email protected]">Thau</a></td>
</tr>
</table>
<div id="content">
<table border="0" width="630" cellspacing="0">
<tr>
<td width="458" valign="top" align="left" rowspan="2"><small><small><br>
</small></small><strong>第七页：<font size="3">你的面向对象的虚拟宠物</font></strong>
<p><font size="3"> </font></p>
<table border="0" cellpadding="0" cellspacing="0" width="451">
<tr>
<td width="451"><font size="3">你现在骄傲地拥有了不是一只而是两只虚拟宠物。你的责任就<br>
是让它们保持健康。如果它们的健康值低于零，它们就会死掉。<br>
按<font face="verdana, arial">start </font>钮可以赋予它们生命<font face="verdana, arial">.
</font></font></td>
</tr>
</table>
<table cellpadding="2" cellspacing="0" border="0" align="RIGHT" width="150">
<tr>
<td rowspan="3"></td>
</tr>
</table>
<table width="357">
<tr>
<td> <font face="helvetica, arial, sans-serif" size="2"></font><font face="verdana, arial" size="2">
<hr>
<form>
<p>Name:
<input type="text" name="pet_name" value size="20">
<br>
Status:
<input type="text" size="60" name="pet_status" value>
<br>
<input type="button" value="feed" onClick="pet1.feed();">
<input type="button" value="play" onClick="pet1.play();">
<input type="button" value="medicate" onClick="pet1.medicate();">
</p>
</form>
<form>
<p>Name:
<input type="text" name="pet_name" value size="20">
<br>
Status:
<input type="text" size="60" name="pet_status" value>
<br>
<input type="button" value="feed" onClick="pet2.feed();">
<input type="button" value="play" onClick="pet2.play();">
<input type="button" value="medicate" onClick="pet2.medicate();">
</p>
</form>
<form>
<p>
<input type="button" value="start" onClick="start();">
<input type="button" value="stop the madness!" onClick="clearTimeout(the_time_out);">
</p>
</form>
<hr>
</font>
<table border="0" cellpadding="0" cellspacing="0" width="449">
<tr>
<td width="449"> <font face="verdana, arial" size="2"></font><font size="3">也许你能猜到，我并不是个称职的宠物饲养员，我的可怜的<br>
宠物每次还没养大就死掉了。</font>
<p><font face="verdana, arial" size="2"></font><font size="3">虽然如此，这整个都是用对象编出来的。每个宠物都是宠物<br>
对象的一个实例。每个宠物具有以下属性：</font>
<ul>
<li> <font face="verdana, arial" size="3">health</font><font size="3">健康
</font></li>
<font size="3">
<li> <font face="verdana, arial">happiness</font>快乐 </li>
<li> <font face="verdana, arial">hunger</font>饥饿 </li>
<li> <font face="verdana, arial">age</font>年龄 </li>
<li> <font face="verdana, arial">pet_name</font>宠物的名字 </li>
<li> <font face="verdana, arial">form_number -</font>表单号<font face="verdana, arial">--</font>宠物所在的<font face="verdana, arial">HTML</font>表单号。
</li>
</font>
</ul>
<font size="3">
<p> <font face="verdana, arial"></font>下列方法能够影响这些属性：
</font>
<ul>
<font size="3">
<li> <font face="verdana, arial"><tt>play()</tt> - </font>增加快乐
</li>
<li> <font face="verdana, arial"><tt>feed()</tt> - </font>减少饥饿
</li>
<li> <font face="verdana, arial"><tt>medicate()</tt> - </font>增加一点健康
</li>
<li> <font face="verdana, arial"><tt>makeOlder()</tt> -
</font>宠物长大 </li>
</font>
<li><font size="3"> <font face="verdana, arial"><tt>display()</tt>
-</font></font><font face="verdana, arial" size="3"> </font><font size="3">在�
javascript_highcourse.rar （62个子文件） 
matt_barney.jpg 5KB
index_top.html.bak 28B day1_1.html.bak 3KB
day3_7.html 4KB day3_4.html 5KB day1_4.html 6KB day2_7.html 4KB day2_6.html 8KB day3_9.html 4KB day4_3.html 5KB
my_image.gif 6KB index_left.html.bak 5KB day1_2.html 4KB day1_1.html 3KB day2_13.html 5KB cheese.gif 279B day2_5.html 4KB day4_8.html 7KB day1_5.html 4KB day4_9.html 11KB day5_2.html 11KB day4_11.html 5KB day4_4.html 7KB day4_1.html 5KB day3_3.html 11KB day2_3.html 7KB day3_1.html 5KB day2_12.html 6KB day2_1.html 4KB day5_5.html 6KB day2_8.html 5KB day3_10.html 3KB day2_4.html 5KB day3_5.html 8KB day3_6.html 5KB day5_1.html 7KB day4_6.html 12KB day3_2.html 6KB js.css.bak 550B index.html.bak 836B day4_7.html 18KB day2_10.html 8KB day4_2.html 12KB mattmarg.jpg 4KB day2_2.html 7KB day5_7.html 3KB day4_10.html 7KB day2_11.html 6KB day5_3.html 8KB day3_8.html 7KB index_right.html.bak 5KB index.html 891B index_top.html 28B index_left.html 5KB day5_6.html 8KB day4_5.html 9KB day1_3.html 5KB day5_4.html 7KB parrot.gif 273B js.css 672B index_right.html 130B day2_9.html 4KB资源评论
mexiebei01082012-07-02还好吧，知识比较全面。不让复制有点不方便...
wcx11
- 粉丝: 37
最新资源
- wechat-php-sdk-PHP资源
- AirPower-Transformer-JavaScript资源
- 《〈机器学习〉习题参考答案代码资源》
- websql-SQL资源
- Spark 机器学习进阶实战：代码深度解析与讲解
- 基于 vnpy 二次开发的选股、回测与机器学习应用
- WP插件，AI自动评论回复，对游客客户友好评论
- 蓝桥杯题目-蓝桥杯资源
- Assembly-汇编语言资源
- cppweb-C语言资源
- austin-Java资源
- 免费了牛了个牛-类似羊了个羊游戏小程序源码附教程
- tinyflow-Python资源
- YKSwiftNetworking-Swift资源
- lightnet-Matlab资源
- Mcontroller-v7-FanciSwarm-机器人开发资源
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
