html广告倒计时代码,javascript实现倒计时关闭广告

用Javascript实现倒计时关闭广告案例

正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教

在很多app与网页中，我们可以看到这样的广告：进入某个网站后，会弹出一个广告，然后广告会有倒计时，倒计时结束，这个广告便会消失，下面我们用代码来实现这一功能

代码如下：

Title

.djs{

width: 30px;

height: 30px;

position: absolute;

left: 700px;

color: white;

background-color: darkred;

}

.end{

display: none;

}

广告已结束

//5秒关闭广告

var ad=document.querySelector('.ad')

var div=document.querySelector('.djs')

var end=document.querySelector('.end')

var t=5

fun()

setInterval(fun,1000)

function fun() {

div.innerHTML=t

if (t==0){

ad.style.display='none'

div.style.display='none'

end.style.display='block'

}

t--

}

演示效果：

右上角便是倒计时

代码解释：

这里就是先创建个函数，设置个全局变量t，然后t就是倒计时的时间，我们在倒计时函数里面将div里面显示的文字改为我们的倒计时t，然后来判断t是否等于0，如果等于0，那么倒计时结束，将图片与倒计时盒子隐藏，显示广告已结束的盒子。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

html广告倒计时代码,javascript实现倒计时关闭广告相关推荐

html广告倒计时代码,js实现倒计时广告效果
页面上经常弹出一些广告,过了几秒之后才出现关闭广告按钮(或者关闭按钮才可点)或者剩余指定时间才给你跳过广告(其实从用户的角度看,这个效果挺烦人的哈哈哈),效果大概如下图: js实现倒计时广告效果.gi ...
html页面自动关闭代码,Javascript 实现倒计时(10秒)自动关闭网页
JS倒计时10秒实现功能实例代码一: 倒计时关闭网页 var cTime=10;//这个变量是倒计时的秒数设置为10就是10秒 function TimeClose() { window.setT ...
html桌面倒计时代码,JavaScript实现简单的数字倒计时
这里是一个JavaScript中显示倒计时的方法,从10一秒一秒地往下减直到计时结束(即0),代码如下: runCount(10); function runCount(t){ if(t>0){ ...
php活动倒计时代码,JavaScript实现活动倒计时效果的代码分享
这篇文章主要为大家详细介绍了基于JavaScript实现活动倒计时效果,距离活动时间还剩多少,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了js倒计时效果的具体代码,供大家参考 ...
html新年倒计时代码_js实现倒计时
很多场合用到倒计时,比如年会,生日,约会啊...废话不多说上代码效果图: index.html <!DOCTYPE html> <html lang="en"& ...
html天猫双十一倒计时代码,天猫双十一：倒计时篇
[天猫双十一TVC] 倒计时篇该以什么样的姿态,等待节日的到来? 七日倒数,七个一镜到底的长镜头,七组人物,七个情景,七种不一样的期待. 双十一来了! "小名陈-二-狗-" &q ...
5弹出搜索框_实用小技巧，电脑总是弹出广告，手把手教你永久关闭广告弹窗...
在使用电脑时,总是会遇到各种各样的广告弹窗.这些广告弹窗往往附属在某些实用上件,因此我们又不能卸载相应的软件.在电脑开机或者当我们正在编辑文档时,这些莫名其妙的广告弹窗很影响心情,下面教大家如何永久关 ...
C++元旦倒计时代码系列合集
目录 1.简单倒计时代码 2.元旦倒计时绘制小科普: 1.简单倒计时代码这是一个简单的程序示例,它可以帮助您计算元旦节到当前时间的倒计时: #include <iostream> #i ...
vivo手机关闭广告
我的手机系统是 1.10.5 1.点击"齿轮图标"设置,搜索辅助 2.可以看到安装应用没有出现广告. 第二天发现还有广告,原因不知道. 还有关闭广告的另一个选项. 右上角齿轮图标关 ...

html广告倒计时代码,javascript实现倒计时关闭广告

html广告倒计时代码,javascript实现倒计时关闭广告相关推荐

最新文章

热门文章