利用 JavaScript 实现定时弹广告

最新推荐文章于 2023-04-24 14:11:25 发布
最新推荐文章于 2023-04-24 14:11:25 发布
阅读量148 收藏
点赞数
分类专栏： HTML+CSS+JavaScript HTML+CSS+JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39232706/article/details/88728473
版权

<!DOCTYPE html>
<html>
  <head>
    <title>ad.html</title>
    <script type="text/javascript">
        function init(){
            time = setInterval("showad()",3000);
        }    

       function showad(){
             ad = document.getElementById("divid");
             ad.style.display="block";
             clearInterval(time);
             time = setInterval("hidead()",5000);
        }    

      function hidead(){
             ad.style.display="none";
             clearInterval(time);
        }
    </script>

  </head>
  <body οnlοad="init()">
       <div id="divid" style="display:none" >
            <img src="img/1.jpg"  id="pic">
       </div>
  </body>
</html>

Flying.Zh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用JS使广告窗口倒计时5秒后关闭
weixin_30338497的博客
08-20 2537
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...
JavaScript（三）——定时弹出广告
LeeBlog
06-04 979
完成页面定时弹出广告 1.1 需求分析 一般网页，当我们刚打开的时候，它会2秒之后，显示一个广告，让我们看3秒钟，然后他的广告就自动消失了！ 1.2 技术分析 定时器 setInterval : 每隔多少毫秒执行一次函数 setTimeout: 多少毫秒之后执行一次函数 clearInterval clearTimeout...
JavaScript打开网页。定时出现一次广告弹窗
Birdlun的博客
08-10 986
列：使用JavaScript实现定时广告 广告在页面打开3秒后显示，广告显示5秒之后自动关闭 技术 获取图片的位置(document.getElementById(“”)) 隐藏图片：display：none 定时操作：setInterval(“显示图片的函数”，3000); 步骤分析 第一步：在页面指定位置隐藏一个广告图片(使用 display 属性的 none 值) ...
js实现定时弹出广告效果
喜欢藏风里
05-28 1250
获取图片的元素对象(document.getElementById(“”)) 隐藏图片：display：none 定时操作：setInterval(“显示图片的函数”，3000); 清除定时操作：clearInterval(定时器标识); <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .images
JavaScript 定时器制作一个弹窗小广告
万花果子的博客
05-03 850
<head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 100px; height: 100px; background-color: red; positi
巧用JavaScript定时器3秒自动关闭广告
zy1992As的博客
03-01 1287
在实际开发中，考虑到一个网页中可能会有很多个定时器，所以建议用一个变量保存定时器的id（唯一标识）,若想要在定时器启动后，取消该定时器操作，可以将setTimeost()的返回值（定时器id）传递给clearTimeout)方法。在上述代码中，当参数为一个函数名时，这个函数名不需要加()小括号，否则就变成了立即执行这个函数，将函数执行后的返回值传入。在上述语法中，第1个参数表示到达第2个参数设置的等待时间后要执行的代码，也可以传入一个函数，或者函数名，第2个参数的时间单位以毫秒（ms）计。
基于JQuery实现页面定时弹出广告
10-15
**基于JQuery实现页面定时弹出广告**\n\n在网页设计中，有时我们需要实现一些交互功能，如定时弹出广告，以吸引用户的注意力。本文将详细介绍如何利用JQuery库来实现在用户打开页面后，经过特定时间间隔自动弹出广告...
jquery实现网页顶部定时广告，支持关闭隐藏
06-10
本教程将详细讲解如何利用jQuery实现网页顶部的定时广告功能，该广告支持用户关闭和隐藏，同时具备自动播放和重新播放的能力。 首先，我们需要在页面中引入jQuery库。你可以通过CDN链接或者下载本地文件来实现。...
JavaScript实现模仿MSN左上角flash伸缩广告源码
05-18
阅读和理解这段代码可以帮助你更好地掌握如何利用JavaScript创建类似效果。同时，`readme.md`文件可能包含了关于代码的使用说明和额外的上下文信息，也值得参考。 总的来说，JavaScript实现模仿MSN左上角的Flash...
javascript实现首页大屏自动广告
04-11
总结来说，利用JavaScript的`setTimeout`和`setInterval`函数，我们可以轻松实现首页大屏广告的自动展开和收起功能。同时，结合HTML和CSS，可以进一步优化广告的显示效果和用户体验。在实际开发中，还需要考虑到性能...
JavaScript定时器制作弹窗小广告
10-20
在这个案例中，我们利用JavaScript定时器来制作一个弹窗小广告，使得广告在特定时间间隔后自动显示。 首先，我们需要了解JavaScript中的两个定时器函数：`setTimeout()` 和 `setInterval()`。`setTimeout()` 用于在...
Python定时执行任务
07-11
在工作中有时会遇到领导安排的深夜定时执行批量采集数据、关闭程序、打开设备等情况，以下将用Python解决这个问题。 运行程序手动输入任务执行的时间，系统将7×24小时循环执行设定的任务。 没有资源分也可移步至个人博客获取，地址：www.mapleleaf.ren
vue实现开屏广告001
01-08
使用vue实现开屏广告，使用cookie记录，每天弹出一次广告
vue 广告5分钟后再次弹出
qq_45101496的博客
10-27 539
关闭广告的时候存入localStorage eliconclose() { console.log(this.cycleTime);//后台返回的过期时间 5分钟 this.advertisementdialog = false;//广告的弹框 var date = new Date();//获取当前时间 //2. 获取当前分钟 var min = date.getMinutes(); //3. 设置当前时间+5分钟：把当前分钟数
vue实现浮动广告（浏览器范围内匀速移动）
qq_38210427的博客
04-24 559
【代码】vue实现浮动广告（浏览器范围内匀速移动）
简单实现定时广告效果
我心独舞的博客
07-28 285
小广告经常出现在网页上，而且还是每隔一段时间出现，如何能够利用js实现效果呢？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca...
零基础学习Vue: 第28课 Vue子组件实现弹窗广告效果小案例：
舜岳的博客
04-24 1270
零基础学习Vue: 第28课 Vue实现弹窗广告效果小案例： 原理： 通过子组件的$emit向父组件发射事件触发父主件内的函数方法使得父主件属性动态改变，再通过v-if实现显示 隐藏 / 弹窗 效果！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <...
前端简单入门第九讲 使用JavaScript实现定时弹出广告定时隐藏广告
李阿昀的博客
04-27 5613
使用JavaScript实现定时弹出广告定时隐藏广告现在有这样一个需求：在网站的首页上定时弹出一个广告，并且定时隐藏掉。若要实现这个需求，则必须理解BOM(浏览器对象模型)中的Window对象的定时的操作： 设置定时的方法 清除定时的方法 除此之外，还要知道CSS中的一个显示和隐藏的属性——display，其值有 block：显示元素 none：隐藏元素 下面我就按如下步骤来使用JavaScript
JavaScript实现弹出
最新发布
06-08
弹出框有很多种实现方式，以下是一种常见的JavaScript实现弹出框的方法： ```javascript alert("Hello World!"); ``` 这行代码会弹出一个包含"Hello World!"文本的弹出框。除了alert()方法，还有其他方法可以实现...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值