window 对象--网页上实现时间动态展示

来源：互联网发布：vb和c语言哪个难编辑：程序博客网时间：2024/05/22 17:56

.html 代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv="content-type" content="text/html;charset=gbk"/><title>计时方法用法</title><style type="text/css">#time{width:180px;height:40px;background:#fac;margin:0 auto;font-size:11pt;padding-left:5px;padding-top:10px;color:gray;line-height:20px}</style><script type="text/javascript">//setTimeout(update_time,1000);//setInterval(update_time,1000);var id ;function init(){//body onload="init()"id = setInterval(update_time,1000);}function update_time(){var date = new Date();var time = date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();document.getElementById('time').innerText = time;}function stop(){clearInterval(id);}</script></head><span style="color:#ff0000;"><body onload="init()"></span><div id='time'></div><input type="button" value="stop" onclick="stop()"/></body></html>

效果如下：

0 0