📄 wap初级教程(6)—事件event.htm
字号:
name! <BR> </p> <BR></card>
<BR></wml></TD></TR></TBODY></TABLE>
<P><FONT face="Verdana, Arial, Helvetica, sans-serif"
color=#1120d9><timer> </FONT><FONT
color=#1120d9>计时器</FONT><B> </B><FONT color=#000000><A
href="http://www.7880.com/Info/Article-14f80ac0.html#6"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#999999>[TOP]</FONT></A><A
name=3></A></FONT><BR>看名字就知道，这是个计时器，它在经过规定的计时时间以后产生一个任务。<timer>计时器只在所属CARD里有效：当进入CARD时，计时器开始工作；时间一到，触发任务；如果离开CARD，计时器停止。语法如下：</P>
<TABLE class=font cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR bgColor=#eeeeee>
<TD><timer <BR> name="STRING" <BR> value="NUMBER"
<BR>/></TD></TR></TBODY></TABLE>
<P>name：可选。指定一个包含计时时间的变量，在计时器开始工作以后，变量的值会逐渐减少。如果这个变量在<timer>之前就已经存在并且赋值为一个非负整数，那后面value属性的值会被忽略，直接使用变量里的值作为计时时限。<BR>value：必选。指定计时时间，以1/10秒为单位。
</P>
<P>下面的例子每隔1秒显示不同的文字（当然，你有兴趣改成图像也可以）。</P><FONT
color=#3763d7><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#1120d9></FONT></FONT>
<TABLE class=font cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR bgColor=#eeeeee>
<TD height=30>
<P><?xml version="1.0"?> <BR><!DOCTYPE wml
PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" <BR>
"http://www.wapforum.org/DTD/wml_1.1.xml"> <BR></P>
<P><wml> <BR><BR><card id="Hello"
title="Hello"> <BR> <onevent type="ontimer">
<BR> <go href="#card2"> <BR> </onevnet>
<BR> <timer value="10"/> <BR>
<p>Hello!</p> <BR></card>
<BR><BR><card id="Take care"> <BR> <onevent
type="ontimer" title="Take care"> <BR> <go
href="#card3"> <BR> </onevnet> <BR> <timer
value="10"/> <BR> <p>R U tired?</p>
<BR> </card> <BR><BR><card id="Rest"> <BR>
<onevent type="ontimer" title="Rest"> <BR>
<go href="#card1"> <BR> </onevnet> <BR>
<timer value="10"/> <BR> <p>Take a
rest!</p> <BR></card>
<BR><BR></wml></P></TD></TR></TBODY></TABLE><BR>
<TABLE cellSpacing=2 cellPadding=0 width="100%" border=0>
<TBODY>
<TR class=size>
<TD class=bfont width="36%">显示结果如下，注意会不断循环。</TD>
<TD class=bfont width="29%"> </TD>
<TD class=bfont width="35%">Sport选择：</TD></TR>
<TR class=size>
<TD class=bfont vAlign=top width="36%" height=13>
<DIV align=center><FONT
color=#0066ff>第1秒</FONT></DIV></TD>
<TD class=bfont vAlign=top width="29%" height=13>
<DIV align=center><FONT
color=#0066ff>第2秒</FONT></DIV></TD>
<TD class=bfont width="35%" height=13>
<DIV align=center><FONT
color=#0066ff>第3秒</FONT></DIV></TD></TR>
<TR class=size>
<TD class=bfont width="36%" height=60>
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 width=149 border=0>
<TBODY>
<TR bgColor=#d9ecff>
<TD class=size>------ Hello ------ <BR>Hello!
<BR><BR></TD></TR></TBODY></TABLE></DIV></TD>
<TD class=bfont width="29%" height=60>
<DIV align=center>
<TABLE class=size cellSpacing=0 cellPadding=0 width=150
border=0>
<TBODY>
<TR vAlign=top bgColor=#d9ecff>
<TD>----- Take care ---- <BR>R U tired?
<BR><BR></TD></TR></TBODY></TABLE></DIV></TD>
<TD class=bfont width="35%" height=60>
<DIV align=center>
<TABLE class=size cellSpacing=0 cellPadding=0 width=149
border=0>
<TBODY>
<TR bgColor=#d9ecff>
<TD>------- Rest ------- <BR>Take a rest!
<BR><BR></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>
<P>还有一个例子，通常用来做网站封面，显示一段欢迎词以后进入正式内容。这里没有使用图片，各位可以自己加上试试看。</P>
<TABLE class=font cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR bgColor=#eeeeee>
<TD height=18><?xml version="1.0"?>
<BR><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML
1.1//EN" <BR>
"http://www.wapforum.org/DTD/wml_1.1.xml"><BR><BR><wml>
<BR><BR><card id="Welcome to WAP86"
ontimer="wap86.wml"> <BR> <timer
value="30"/><BR> <p> <BR> Hello! <BR>
Welcome to WAP86 - the paradise of WML developers. <BR>
</p> <BR></card>
<BR><BR></wml></TD></TR></TBODY></TABLE><BR>
<TABLE class=bfont borderColorDark=#97cbff width=356
align=right borderColorLight=#ffffff border=1>
<TBODY>
<TR>
<TD align=left width=63><B><FONT face=宋体>部件</FONT></B>
</TD>
<TD align=left width=271><B><FONT face=宋体>功能</FONT></B>
</TD></TR>
<TR>
<TD width=63>accept </TD>
<TD width=271>确认，接受输入 </TD></TR>
<TR>
<TD width=63>prev </TD>
<TD width=271>退回历史页面访问堆栈里上一个CARD </TD></TR>
<TR>
<TD width=63>help </TD>
<TD width=271>上下文关联的帮助信息 </TD></TR>
<TR>
<TD width=63 height=2>reset </TD>
<TD width=271 height=2>重设设备状态 </TD></TR>
<TR>
<TD width=63>options </TD>
<TD width=271>上下文关联的选项或附加操作 </TD></TR>
<TR>
<TD width=63>delete </TD>
<TD width=271>删除当前内容或选择 </TD></TR>
<TR>
<TD width=63 height=2>unknown </TD>
<TD width=271 height=2>
<P>由开发者自己定义</P></TD></TR></TBODY></TABLE><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#1120d9><do></FONT><FONT color=#1120d9>
用户触发事件</FONT> <FONT
face="Verdana, Arial, Helvetica, sans-serif"><A
href="http://www.7880.com/Info/Article-14f80ac0.html#6"><FONT
color=#999999>[TOP]</FONT></A></FONT><B><A
href="http://www.7880.com/Info/Article-14f80ac0.html#6"><FONT
color=#0033cc> </FONT></A></B><FONT color=#ff3399><FONT
color=#000000><A
name=4></A></FONT></FONT><BR>每个WAP终端都预定义了一系列用户界面部件，如手机上的按钮、触摸屏上的图表、声音指令或者其他一些很容易是别的部件。WML1.1定义了右面那些WAP兼容终端必须支持的部件。但是要说明的是，只有prev有预先定义的功能，其他的只是概念上的定义，需要根据开发者激活并赋予一定的动作。<BR><BR>当用户激活这些部件的时候会产生相应的事件。你可以使用<do>元素捕获这些事件并对其做出反应。下面是<do>的语法：<BR><BR>
<TABLE class=font cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR bgColor=#eeeeee>
<TD><do <BR> type="accept | prev | help | reset |
options | delete | unknown" <BR> lebel="STRING" <BR>
name="STRING" <BR> optional="true | false" <BR>
xml:lang="STRING" <BR>> <BR><go> | <noop>
| <prev> | <refresh>
<BR></do></TD></TR></TBODY></TABLE>
<P>type：必选属性，内容只能是那7种；<BR>label：用户接口部件的显示标签。如果终端不能显示则被忽略。WML1.1建议此属性长度限制在6个英文字符以内；<BR>name：标志“事件/任务”绑定关系的唯一名称（在CARD范围内）。CARD级的<do>事件替换同名的DECK级<do>事件（见下一节）。如果不指定name属性或name为空字符串，则name默认为type的类型；<BR>optional：告诉终端此软按钮在屏幕中是否显示。如果此值设为true，则忽略本<do>元素。默认值为false；<BR>xml:lang任务：语言代码。</P>
<P>跟其他“事件/任务”绑定关系一样，<do>里的任务定义必须是<go>、<noop>、<prev>或<refresh>中的一个。
<BR>下面例子演示了<do>的使用方法。用户按了不同的按钮会被导向不同的CARD。<BR></P>
<TABLE class=font cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR bgColor=#eeeeee>
<TD><?xml version="1.0"?> <BR><!DOCTYPE wml
PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" <BR>
"http://www.wapforum.org/DTD/wml_1.1.xml">
<BR><BR><wml> <BR><BR><card id="Card1"
title="WAP86 Links"> <BR> <do type="accept"
label="Links" optional="false"> <BR> <go
href="#Links"/> <BR> </do> <BR> <do
type="help" label="Help" optional="false"> <BR>
<go href="#Help"/><BR> </do> <BR> <p>
WAP86’s perfect links</p> <BR></card>
<BR><BR><card id="Links" title="WAP86 Links">
<BR> <p> Select one:<br><br> <BR>
<a href="wap.hucn.com">hucn</a><br>
<BR> <a href="wap.hucn.com">hucn</a> <BR>
</p> <BR></card> <BR><BR><card id="help"
title="Help"> <BR> <do type="accept"
label="Links" optional="false"> <BR> <go
href="#Links"/> <BR> </do> <BR> <p>
<BR> Select "Links" button to view the links. <BR>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -