setTimeout 延时调用方法
方法为 JS 固有,写法setTimeout(“hid()”,2000) 其中第一个参数 hid()为要延时调用的方法,如果有参数可以放到()中。2000表示的是2000毫秒后调用。
setInterval 定时调用
方法同样为 JS 固有,使用方式与上面一致,效果为每过一定时间调用特定方法。
弹窗实现
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{
width: 200px;
height: 200px;
background: blue;
position: fixed; /*固定位置*/
right: 0px; /*距离右边的距离为0*/
bottom: 0px; /*距离底部的距离为0*/
display: none; /*显示隐藏*/
}
</style>
<script type="text/javascript">
function start(){
var ad = document.getElementById("ad1")
ad.style.display="block"
setTimeout("hid()",2000) /*显示两秒后调用隐藏*/
}
function hid(){
var ad = document.getElementById("ad1")
ad.style.display="none" /*隐藏方法*/
}
onload = function(){ /*定时调用更改显示属性的方法*/
setInterval("start()",3000)
}
</script>
</head>
<body>
<div id="ad1">my advertise</div>
</body>
</html>
可以放到Hbuilder中试试,当然如果想用txt写也可以,最后别忘了改后缀为html