一段JavaScript代码
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>新...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<style type=text/css>
#mx {
position:absolute;
left:105;
top:200;
width:200;
height:50
</style>
<script language=javascript>
function show()
{
var dat=new Date();
var hour=dat.getHours()+"";
var minute=dat.getMinutes()+"";
var second=dat.getSeconds()+"";
mx.innerHTML="<font size='5' face='Arial'>"+"当前时间是:<br>"+hour+":"+minute+":"+second+"</font>";
}
</script>
</head>
<body>
<script language=javascript>
setInterval("show()",1000);
</script>
<div id="mx"></div>
</body>
</html>
这段代码实现可以放在网页中任意位置的一个时钟的特效...
请问:1.第九行中,position:absolute中这个参数的作用
2.我看到有些代码中使用的是setTimeout(),而非setInterval(),请问这两者的区别
3.我之前是在show()函数中,用document.write(""<font size='5' face='Arial'>"+"当前时间是:<br>"+hour+":"+minute+":"+second+"</font>"");而不是通过修改mx.innerHTML的值来实现动态时间;但是产生的结果是一个静态的时间。请问为什么是静态的时间呢??? 展开
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<style type=text/css>
#mx {
position:absolute;
left:105;
top:200;
width:200;
height:50
</style>
<script language=javascript>
function show()
{
var dat=new Date();
var hour=dat.getHours()+"";
var minute=dat.getMinutes()+"";
var second=dat.getSeconds()+"";
mx.innerHTML="<font size='5' face='Arial'>"+"当前时间是:<br>"+hour+":"+minute+":"+second+"</font>";
}
</script>
</head>
<body>
<script language=javascript>
setInterval("show()",1000);
</script>
<div id="mx"></div>
</body>
</html>
这段代码实现可以放在网页中任意位置的一个时钟的特效...
请问:1.第九行中,position:absolute中这个参数的作用
2.我看到有些代码中使用的是setTimeout(),而非setInterval(),请问这两者的区别
3.我之前是在show()函数中,用document.write(""<font size='5' face='Arial'>"+"当前时间是:<br>"+hour+":"+minute+":"+second+"</font>"");而不是通过修改mx.innerHTML的值来实现动态时间;但是产生的结果是一个静态的时间。请问为什么是静态的时间呢??? 展开
2个回答
展开全部
1.第九行中,position:absolute中这个参数的作用:
是使得空间浮动,可以使用left、top等参数控制位置,否则其位置有前后的控件决定,平铺排版。
2.我看到有些代码中使用的是setTimeout(),而非setInterval(),请问这两者的区别:
setTimeout只触发一次,到了时间执行制定的代码,执行完毕就完成了,要反复执行需要在setTimeout的事件里面再次定时。setInterval设置的是反复调用,一次设置之后就会反复调用。我喜欢使用setTimeout,因为在事件里面再次setTimeout之前,那段时间不计算在周期里面,可以防止重入,可以方便根据条件取消定时器。
3.我之前是在show()函数中,用document.write(""<font size='5' face='Arial'>"+"当前时间是:<br>"+hour+":"+minute+":"+second+"</font>"");而不是通过修改mx.innerHTML的值来实现动态时间;但是产生的结果是一个静态的时间。请问为什么是静态的时间呢???
因为在show()函数中document.write语句会把网页所有的<body></body>之间的内容全部破坏掉,包括javascript代码,事实上这个语句之后就没有代码在运行了。所以,我们一定要小心使用document.write语句。
是使得空间浮动,可以使用left、top等参数控制位置,否则其位置有前后的控件决定,平铺排版。
2.我看到有些代码中使用的是setTimeout(),而非setInterval(),请问这两者的区别:
setTimeout只触发一次,到了时间执行制定的代码,执行完毕就完成了,要反复执行需要在setTimeout的事件里面再次定时。setInterval设置的是反复调用,一次设置之后就会反复调用。我喜欢使用setTimeout,因为在事件里面再次setTimeout之前,那段时间不计算在周期里面,可以防止重入,可以方便根据条件取消定时器。
3.我之前是在show()函数中,用document.write(""<font size='5' face='Arial'>"+"当前时间是:<br>"+hour+":"+minute+":"+second+"</font>"");而不是通过修改mx.innerHTML的值来实现动态时间;但是产生的结果是一个静态的时间。请问为什么是静态的时间呢???
因为在show()函数中document.write语句会把网页所有的<body></body>之间的内容全部破坏掉,包括javascript代码,事实上这个语句之后就没有代码在运行了。所以,我们一定要小心使用document.write语句。
展开全部
position:absolute
表示该元素的定位用绝对坐标,也就是浏览器窗口内部的位置,而不是相对于父元素的位置。
setTimeout() 延时执行,只运行一次。
setInterval() 是定时执行,每隔一段时间运行一次,直到销毁该定时器。
document.write 就不是用 DOM 的方式操作 HTML。document.write 后文档整个被更新,定时器被自动销毁,javascript 代码自身也丢了。
表示该元素的定位用绝对坐标,也就是浏览器窗口内部的位置,而不是相对于父元素的位置。
setTimeout() 延时执行,只运行一次。
setInterval() 是定时执行,每隔一段时间运行一次,直到销毁该定时器。
document.write 就不是用 DOM 的方式操作 HTML。document.write 后文档整个被更新,定时器被自动销毁,javascript 代码自身也丢了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询