用#default#time简化编程

Go_Rush 2003-02-24 09:37:06
在认识 #default#time之前,如果我想实现这样一个功能
(让一个层在页面装载后2秒显示,显示3秒后再隐藏起来)
我一定会这样做:

<script>
function window::onload(){
setTimeout(function(){
o.style.display="block"
setTimeout(function(){o.style.display="none"},3000)
},2000)
}
</script>
<div id=o style="display:none;color:red">这是一个层</div>


这是最传统,最常规的方法,那么有没有更简单的方法呢?
你把下面这行代码复制到你的html文件里面看看

<div style="behavior:url(#default#time)" t:begin=2 t:dur=3>这个层2秒后出现,显示3秒后消失</div>

HTML+TIME参考
http://msdn.microsoft.com/workshop/author/behaviors/reference/time2/htime_reference_entry.asp?frame=true

HTML+TIME主要是提供一个类似于timer控件,可以简化编程。
如果你正在做对时间操作或要求比较高,比较频繁的程序的话(如媒体播放,在线考试计时等等)你会发现 html+time太好用了,他提供了一系列方法,属性,事件
功能强大极了


HTML+TIME使用起来也是很简单的,而且几乎不用编程,设置几个参数就可以实现以前要写几个函数才能达到的很复杂的功能

ie5.0+支持 html+time 1.0
<div style="behavior:url(#default#time)" t:begin=2 t:dur=3>test</div>

ie5.5+支持 html+time 2.0
<div style="behavior:url(#default#time2)" begin=2 dur=3>test</div>

当然,相比之下 html+time2.0功能更强大,编程更简单

...全文
74 18 打赏 收藏 转发到动态 举报
写回复
用AI写文章
18 条回复
切换为时间正序
请发表友善的回复…
发表回复
Go_Rush 2003-02-25
  • 打赏
  • 举报
回复
最后一个居然是我,哎,还是平分吧
imafool 2003-02-25
  • 打赏
  • 举报
回复
我很反感这东西……
Go_Rush 2003-02-25
  • 打赏
  • 举报
回复
呵呵,刚才给这个帖子加分了。

散分,散分。

晚上6:00结帖。

其中最后一个回复者得100分,其余100分大家分享
blues-star 2003-02-24
  • 打赏
  • 举报
回复
好东西啊。
Go_Rush 2003-02-24
  • 打赏
  • 举报
回复
是啊

ie5只能用 html+time 1.0
style=behavior:url(#default#time)

不过很多2.0才有的功能就享受不到了。

尽管如此,还是推荐用他,在时间处理相关程序上,会给你带来意想不到的方便
emu 2003-02-24
  • 打赏
  • 举报
回复
:((
for ie5.5+
Go_Rush 2003-02-24
  • 打赏
  • 举报
回复
<!---看看这个用html+time 2.0实现的动画。 for ie5.5+ -->

<HTML XMLNS:t ="urn:schemas-microsoft-com:time">
<HEAD>
<?IMPORT namespace="t" implementation="#default#time2">
</HEAD>

<BODY>
<t:img id="ieLogo" src="http://expert.csdn.net/images/csdn.gif" style="position:absolute;
left:10; top:150; cursor:hand;"/>

<t:animateMotion targetElement="ieLogo" path="m 0 0 c 25 -150 75 -150 100 25"
dur="2" repeatCount="3" accumulate="sum" fill="freeze"/>

</BODY>
</HTML>
Go_Rush 2003-02-24
  • 打赏
  • 举报
回复
比如我要一个图片在第5秒,17秒,30秒,95秒的时候显示(从页面装载开始计时).
每次显示6秒后自动隐藏,可以这样:
要ie5.5+才支持 #default#time2

<img style="behavior: url(#default#time2)" begin="5;17;30;95" dur="6" src="http://expert.csdn.net/images/csdn.gif">
ssm1226 2003-02-24
  • 打赏
  • 举报
回复
收藏
meizz 2003-02-24
  • 打赏
  • 举报
回复
好东东.
linhaibo 2003-02-24
  • 打赏
  • 举报
回复
可以替代一些 Flash ,加快网络速度,而且可以很方便的编写脚本,
linhaibo 2003-02-24
  • 打赏
  • 举报
回复
可惜 Time2 需要IE6支持
不过朝前看,是有前途的...
qiushuiwuhen 2003-02-24
  • 打赏
  • 举报
回复
一年前的贴子,当时看了看,觉得还不到时候,不知现在呢?
http://www.blueidea.com/bbs/newsdetail.asp?id=364502
潇洒 2003-02-24
  • 打赏
  • 举报
回复
收藏! 好东东.. 虽然早在 MSDN 看过一点..
不过当时没怎么研究, 只是初步了解了一下.
wangxj0600 2003-02-24
  • 打赏
  • 举报
回复
up
我顶
好东西
Go_Rush 2003-02-24
  • 打赏
  • 举报
回复
move first
Go_Rush 2003-02-24
  • 打赏
  • 举报
回复
to airlulu:


为什么说和Dom完全不兼容?
在我看来,他完全兼容的,因为他就是 DHTML Behavior呀
airlulu 2003-02-24
  • 打赏
  • 举报
回复
唉,与DOM完全不兼容的东西,还是不学为妙

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧