js广告倒计时_心动止于人海。的博客-程序员宅基地

技术标签: JavaScript  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js广告倒计时</title>
<style>
#box{
	width: 200px;
	height: 150px;
	border: 1px solid #000;
	position: relative;
	display: none;
}
#box span{
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: gray;
	color: #fff;
	position: absolute;
	top: 5px;
	right: 5px;
	text-align: center;
}
</style>
</head>
<script type="text/javascript">
	//var = setTimeout(函数,毫秒);
	//利用setTimeout() 里面嵌套 setInterval() 设置倒计时秒数(推荐)
	//也可以利用setTimeout() 里面嵌套 setTimeout()
	window.onload = function(){
		var oDiv = document.getElementById('box');
		var span = document.getElementById('span');
		var num = span.innerHTML;
		var timer = null;
		setTimeout( function(){
			oDiv.style.display = 'block';
			timer = setInterval(function(){
				num--;	
				span.innerHTML = num;
				if(num == 0){
				oDiv.style.display = 'none';
				clearInterval(timer);
			    }
			},1000);
		},1500 );
	};
</script>
<body>
<div id="box">
	<img src="beijin.png" id="gg"/>
	<span id="span">3</span>
</div>
</body>
</html>

 

<script type="text/javascript">
	//var = setTimeout(函数,毫秒);
    //也可以利用setTimeout() 里面嵌套 setTimeout()
	window.onload = function(){
		var adv = document.getElementById('gg');
		setTimeout( function(){
			adv.style.display = 'inline-block';
			setTimeout(function(){
				adv.style.display = 'none';
			},2000)
		},3000 );
	};
</script>
<body>
<img src="img/gg.png" id="gg"/>
</body>

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/a772116804/article/details/82688919

智能推荐

浅谈LCA的几种算法_自在_飞花的博客-程序员宅基地_lca算法

LCA,Lowest Common Ancestor,最近的公共祖先。在一棵树中对于两个节点u , v找出节点T,使得T同时为u,v的祖先。显然这样的T点肯定存在且有可能有多个,其中深度最大的那个点肯定为即为u,v两点的LCA。关于LCA的解法有很多种,暴力枚举,事先需要知道所有询问的离线的tarjan算法和基于RMQ的在线算法,下面说一下自己对这种几种算法的理解。 ⒈最容易想到的暴力搜索

机器学习-白板推导系列笔记(二十四)-直面配分函数_及时行樂_的博客-程序员宅基地

此文章主要是结合哔站shuhuai008大佬的白板推导视频:直面配分函数_134min全部笔记的汇总贴:机器学习-白板推导系列笔记直面配分函数-对应花书第十八章动机:Learning问题、evaluation问题一、对数似然梯度x∈Rp,{0,1}px\in \R^p,\{0,1\}^px∈Rp,{0,1}p许多概率图模型(通常无向图模型),由一个为归一化的p^(x;θ)\hat p(x;\theta)p^​(x;θ)定义,我们必须除以一个配分函数Z(θ)Z(\theta)Z(θ)来归一化,

[ACM] POJ 3273 Monthly Expense (二分求最小和中的最大)_FROG-的博客-程序员宅基地

https://vjudge.net/contest/215546#problem/ADescriptionFarmer John is an astounding accounting wizard and has realized he might run out of money to run the farm. He has already calculated and rec...

卜若的代码笔记系列-unity系列-第一章:json-5001_卜若的博客-程序员宅基地

1.该系列算的上是unity的网络应用,嗯,不讲基础的,要基础的网上太多了。2.服务器请参考本人的sringboot系列的讲解3.正文:unity提供了一个类JsonUtility 最常用的是两个静态方法JsonUtility.ToJson(player)JsonUtility.FromJson&amp;lt;Player&amp;gt;(temp);前者是将对象序列化,转换...

jQuery Webcam Plugin jscam.swf文件反编译工具使用说明_daxzsxttn23337760的博客-程序员宅基地

jQuery webcam plugin是一个在ie,firefox,chrome下都可以用的摄像头摄像及拍照用的插件。(http://www.xarg.org/project/jquery-webcam-plugin/)在官方下载的源代码中提供的jscam.js生成的图片是320x240的图,用高清摄橡头时发挥不了它的价值,在一些业务需求下,如用摄像头拍证件照等,需要更高...

linkin大话数据结构--Set_LinkinPark8林肯的博客-程序员宅基地

Set 集合Set 集合不允许包含相同的元素,如果试把两个相同的元素加入同一个 Set 集合中,则添加操作失败。Set 判断两个对象是否相同不是使用 == 运算符,而是根据 equals 方法Set是Collection子接口;Set和Collection基本上一样,一点除外:Set无法记住添加的顺序,不允许包含重复的元素。当试图添加两个相同元素进Set集合,添加操作失败,

随便推点

[译]体素技术介绍_海洋_的博客-程序员宅基地_体素

A voxel representation of a scene has spatial data as opposed to the conventional rasterization view (as stored in a render target) which just has a slice of depth value. A voxelized scene can be easi...

[译]体素技术介绍_海洋_的博客-程序员宅基地_体素

A voxel representation of a scene has spatial data as opposed to the conventional rasterization view (as stored in a render target) which just has a slice of depth value. A voxelized scene can be easi...

完整详解swift GCD系列(三)dispatch_group_ruglcc的博客-程序员宅基地

原创Blog,转载请注明出处http://blog.csdn.net/column/details/swift-gcd.html一、dispatch_group把一组任务提交到队列中,这些队列可以不相关,然后坚挺这组任务完成的事件。几个用到的函数1、dispatch_group_create创建一个调度任务组[plain] view plain copy

神经网络是如何进行预测的_MoveFlower的博客-程序员宅基地_预测神经网络

上一篇文章中我们已经知道了如何将数据输入到神经网络中。那么神经网络是如何根据这些数据进行预测的呢?我们将一张图片输入到神经网络中,神经网络是如何预测这张图中是否有猫的呢??这个预测的过程其实只是基于一个简单的公式:z = dot(w,x) + b。看到这个公式,完全不懂~~不少同学可能被吓得小鸡鸡都萎缩了一截。不用怕,看完我下面的解说后,你就会觉得其实它的原理很简单。就像玻璃栈道一样,只是看起来可怕而已。上面公式中的x代表着输入特征向量,假设只有3个特征,那么x就可以用(x1,x2,x3)来表示

Spark 启动 java.lang.ClassNotFoundException: parquet.hadoop.ParquetOutputCommitter_徴心的博客-程序员宅基地

Spark启动报 java.lang.ClassNotFoundException: parquet.hadoop.ParquetOutputCommitter 我安装的是hadoop-2.6.0-cdh5.12.1和spark-1.6.0-cdh5.12.1 解决的版本是 将下面的jar包下载下来放到Spark的启动ClassPath下,然后重启Spark<dependency> <

mysql 连接池超时问题_Agly_Charlie的博客-程序员宅基地

文章目录mysql 连接池超时问题查看超时参数修改修改超时参数查看超时参数参考MySQL中interactive_timeout和wait_timeout的区别interactive_timeoutwait_timeout总结参考mysql 连接池超时问题Caused by: com.mysql.jdbc.exceptions.jdbc4.CommunicationsException: T...

推荐文章

热门文章

相关标签