js实现定时弹出广告效果

获取图片的元素对象(document.getElementById(“”))
隐藏图片：display：none
定时操作：setInterval(“显示图片的函数”，3000);
清除定时操作：clearInterval(定时器标识);

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>.images {border: 1px solid red;margin: auto;width: 500px;height: 500px;}</style><script>window.onload = init;function init() {//2.设置图片显示的定时操作time = window.setInterval("showAdv()",3000);}//3编写显示广告函数function showAdv() {//通过设置style属性的display的值来显示广告document.getElementById("showAdv").style.display="block";//4清除显示广告的定时操作window.clearInterval(time);//5.定时隐藏图片time2 = window.setInterval("hideAdv()",6000);}function hideAdv() {//6通过设置style属性的display的值来隐藏广告document.getElementById("showAdv").style.display="none";//7清除隐藏广告的定时操作window.clearInterval(time2);}</script></head><body><div class="images"><img src="data:images/10.jpg" id="showAdv" width="100%" style="display: none;"></div></body>
</html>

js实现定时弹出广告效果相关推荐

JS实现定时弹出广告
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
用js完成页面定时弹出广告
用js完成页面定时弹出广告第一步:在页面指定位置隐藏一个广告图片(使用display属性的none值) 第二步:确定事件(onload)并为其绑定一个函数第三步:书写这个函数(设置一个显示图片的定 ...
使用JS完成首页定时弹出广告图片
一.需求分析在首页中的顶部做一个定时弹出广告图片. 二.技术分析隐藏图片: display: none 定时操作: setInterval("显示图片的函数", ...
使用JQuery完成定时弹出广告/图片
script部分 <script type="text/javascript" src="../js/jquery-3.4.1.js"></s ...
[JS]JS模拟Alert弹出框效果--自定义CSS样式
function alertMsg(msg, mode) { //mode为空,即只有一个确认按钮,mode为1时有确认和取消两个按钮msg = msg || '';mode = mode || 0; ...
JavaScript 定时弹出广告
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...
页面右下角弹出广告效果(二)
这部分是JS代码 <script language="javascript" type="text/javascript" src="http: ...
html里左flash广告,网页中定时弹出一个Flash广告
网页中定时弹出一个FLASH广告的网页特效代码.过一定时间自动消失.当打开页面时,加载的FLASH广告在页面内容的上面播放显示,位置默认设置为屏幕的中间(可自行修改其播放位置),待FLASH广告播放完 ...
JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法
本文实例讲述了js+CSS实现弹出一个全屏灰黑色透明遮罩效果的方法.分享给大家供大家参考.具体分析如下: 在众多的网站都有这样的效果,当进行一定的操作之后,会弹出一个灰黑色的半透明的遮罩,在上面可以操 ...
网页JS弹出广告代码，头部，右下角，网页中漂浮，对联广告代码等大全
01.借鉴:网页JS弹出广告代码,头部,右下角,网页中漂浮,对联广告代码等大全02.网页头部弹出广告:03. 04.<script src="ht ...

js实现定时弹出广告效果

js实现定时弹出广告效果相关推荐

最新文章

热门文章