<html>
<head>
<style>
div.timer {
size: 100dip;
background-color: blue;
color: red;
}
div.animate {
size: 100dip;
background-color: green;
}
</style>
<script type="text/tiscript">
// starts interval ticks
function Element.interval(t,cb)
{
var ticks = System.ticks + t;
function poll()
{
if( System.ticks >= ticks )
{
if(!cb.call(this)) return;
ticks = System.ticks + t;
return false; //停止计时器
}
this.post(poll);
}
poll.call(this);
}
var nTimerCnt = 0,nAnimateCnt = 0;
var el = $(div.timer);
el.interval(1000,function() //开启计时器
{
this.value = (++nTimerCnt).toString();
return true;
});
el = $(div.animate);
el.paintContent = function(gfx){
var txt = new Graphics.Text((++nAnimateCnt).toString());
gfx.drawText(txt,0,0,rgb(255,0,0));
txt = null;
}
el.animate(function(){
this.refresh();
return true; //60fps
});
</script>
</head>
<body>
timer:
<div.timer/>
animate:
<div.animate/>
</body>
</html>