Nearth===>WEB前端--第25课/js学习/5秒后带你去看美女（自动跳转）

最新推荐文章于 2020-11-23 15:46:38 发布
最新推荐文章于 2020-11-23 15:46:38 发布
阅读量192 收藏
点赞数
分类专栏： WEB前端第二季
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ly1716/article/details/102546487
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Nearth</title>
		<style >
			p{
				text-align: center;
			}
			span{
				color: red;
			}
		</style>
	</head>
	<body>
	<p>
		<h1><span id="time">
			5
		</span></h1>秒之后，将会跳转界面，带你去看美女············
	</p>
	<h3>
		分析：
		1，显示页面效果
		2，倒计时读秒效果实现
		    2.1,定义一个方法，获取span标签，修改span标签内容，时间
			2.2，定义一个定时器，1秒后执行一次该方法
		3，在方法中判断时间如果小于等于0，则带你去看美女。
	</h3>
	<script>
		var second=5;
		var time=document.getElementById("time");
		function fun(){
			second--;
			if(second<=0){
				location.href="1.jpg";
			}
			time.innerHTML=second;
		}
		setInterval(fun,1000);
	</script>
	</body>
</html>

再过5s,小妲己带你去看美女哒鸭······················

码字界陈冠希
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
音乐美女404页面 倒计时跳转自适应.zip
04-12
自动识别电脑和手机端分配对应的页面，自适应性感美女音乐404页面，全屏背景图，带音乐和鼠标特效,文字...
js实现超酷炫动美女滑动特效
07-01
js实现超酷炫动美女滑动特效，让人眼球一亮的超酷JS特效
js 特效 html 特效 可控制的跳舞小人
08-17
js 特效 html 特效 可控制的跳舞小人 js 特效 html 特效 可控制的跳舞小人
在线浏览美图源码美女网站+python源码下载
03-19
介绍 美图网站千千万，美图自己说了算！本源码由@香谢枫林开发，首页图片做了浏览器窗口自适应，最大化占满PC浏览器和移动浏览器的窗口，并且防止出现滚动条。 源码截图 功能介绍 首页图片设置了4个点击功能区，分别是：上一张、下一张、全部随机、套图集随机（为了丰富移动端操作） 搜索功能注释隐藏了，想用的同学自己打开发开者模式解除注释即可 随机按钮：仅在右上角下拉菜单选中的图集中随机 随机All按钮：全部图片中随机 自动随机：仅在右上角下拉菜单选中的图集中自动随机（间隔1.5s） 自动随机All：全部图片中自动随机（间隔1.5s） 自动浏览：自动下一张（间隔1.5s） 套图1：点击跳转新窗口，查看套图所有图片（观赏模式一） 套图2：点击跳转新窗口，查看套图所有图片（观赏模式二） 索引：点击跳转新窗口，查看套图集 收藏：收藏图片，点击”Count“也能收藏 收藏列表：点击跳转新窗口，观赏收藏图片 #注：键盘任意键或者点击图片即可解除自动浏览状态； 按键介绍 @上一张：<–（左方向键） @下一张：–>（右方向键） @全部图集随机：（上方向键 或 alt键） @所选图集随机：（下方向键或shift键） @跳转套图第一张：（空格键） @收藏：（？问号键） @浏览整套图片（模式1）：（{左大括号） @浏览整套图片（模式2）：（}右大括号） @关闭标签页（针对跳转的页面）：（\顿号） @自动浏览（随机全部图集1.5s间隔）：（”冒号键） @自动浏览（随机所选图集1.5s间隔）：（；分号键） @回看随机历史：（《左书名号键） @自动浏览（下一张1.5s间隔）：（》右书名号键） #注：任意键结束自动浏览状态；”{}”这两个按键在套图浏览页面可以切换浏览模式 使用说明 第一步：本地建库，把数据库下载到本地（线上数据库连接参数在global.php文件里）也可以自己创建数据库，需要3个基础表，分别是pc_dic_lanvshen、pc_dic_toxic、po_toxic（在数据库文件夹下） 第二步：修改数据库配置，global.php文件的database配置，设置成连接自己本地的数据库；到此，启动网站，你可以愉快的赏图了！ 1.想改按键怎么办？在js/index.js文件中，有具体的按键对应功能说明，想改按键，只需要修改对应的键值即可（keyCode键值问度娘吧） 2.搜过功能有木有？在index.php文件中，取消注释id为tb和tj的两行代码即可显示搜索功能 说明 我做了3个美图网站的数据爬取功能，分别对应3个文件：lanvshen.py，lanvshen_qtw.py，lanvshen_mtll.py（顶部有注释对应哪个网站） 第一步：修改数据库配置文件conf/mysql_db.py，修改数据库连接，改成自己本地的数据库； 第二步：找到自己想要爬取的页面，修改主函数信息即可，只需要修改4个参数，如下图所示 注：Python记得下载好对应的插件（requests,re,time,random,BeautifulSoup）
python 网站 源码_在线浏览美图源码，附带python源码
weixin_39929377的博客
11-23 2846
源码介绍本源码由@香谢枫林 开发，首页图片做了浏览器窗口自适应，最大化占满PC浏览器和移动浏览器的窗口，并且防止出现滚动条。源码截图美图源码1美图源码2功能介绍首页图片设置了4个点击功能区，分别是：上一张、下一张、全部随机、套图集随机（为了丰富移动端操作）搜索功能注释隐藏了，想用的同学自己打开发开者模式解除注释即可随机按钮：仅在右上角下拉菜单选中的图集中随机随机All按钮：全部图片中随机自动随机：...
Nearth===>WEB前端--第23课/js学习/看美女案列
ly1716的博客
10-14 116
素材：找两张美女图片 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> </head> <body> <h1>看美女</h1> <p>分析：...
Nearth===>WEB前端--第24课/js学习/美女自动播放机（轮播图）
ly1716的博客
10-14 137
定义定时器：setInterval(fun,1000);//每隔1秒调用函数一次 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> </head> <body> <h1>...
Nearth===>WEB前端--第26课/js学习/Location对象学习（页面刷新与页面跳转）
ly1716的博客
10-14 126
Location.reload() Loction.href的使用： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> <style > p{ text-align: center...
Nearth===>WEB前端--第22课/js学习/事件绑定
ly1716的博客
10-14 116
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> </head> <body> <img id="beauty1"src="1.jpg" onclick="fun1()"&gt...
CSS3动态美女在线客服代码.rar
11-10
CSS3动态美女在线客服代码,CSS3动态美女在线客服代码,CSS3动态美女在线客服代码,在线客服代码
Nearth-精品美女展示案列.rar
10-28
标题中的"Nearth-精品美女展示案列.rar"表明这是一个压缩包文件，其中包含了一个名为"Nearth"的精品美女展示案例。这个案例可能是基于Web技术，特别是JQuery库创建的一个交互式展示项目。JQuery是一个广泛使用的...
Nearth===>WEB前端--第21课/js学习/通过id获取元素对象
ly1716的博客
10-13 125
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> <script> /* ==获取元素对象== */ </script> </head> <bod...
Nearth===>WEB前端--第25课/JQuery/如何在div中设置超链接
ly1716的博客
11-16 278
学习代码： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; ma...
Nearth===>WEB前端--第2课/JQuery/点击看美女（快速体验jQuery）
ly1716的博客
10-23 112
没有使用JQuery(点击看美女):（src资源图片自己添加） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> <script> window.onload=function(){ d...
Nearth===>WEB前端--第6课/JQuery/网页实现开关灯（小案例）
ly1716的博客
10-24 507
目的：点击按钮设置body的背景颜色，实现网页开关灯的效果 DOM的方式操作代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> <script > window.onload=...
Nearth===021/c#抽象类、多态和接口(练习题1)
ly1716的博客
11-08 582
1、在俄罗斯方块程序中，有L形，T形，田形等多种形状，它们是图形的多种形态，可以创建一个名为Shape的基类，而后派生L形，T形等，之后可以在运行时动态绘制各种形状。 1）创建一个名位Teris的控制台应用程序、 2）各个类之间的关系如下图所示： 待上传····························· 3）创建名为Shape的抽象类，包括ShapeType属性和显示信息方法，以...
Nearth===UI/Axure RP 8软件画简单图书管理系统流程图
ly1716的博客
10-18 1673
首页 包含登录、注册、最新图书展示功能 登录页面 登录功能 注册页面 注册功能 用户信息页面 登录成功后，所显示的用户基本信息 密码修改页面 登录成功后，密码修改功能 用户信息修改页面 登录成功后，用户信息修改功能 图书列表页面 用户登录所显示的具体书籍页面 图书查询页面 用户根据查询条件，查询书籍 图书借、还图书列表页面 用户所借图书的历史记录 新增图书页面 系统管理员，新增...
Nearth===021/c#抽象类、多态和接口(练习题3)
ly1716的博客
11-08 882
3,（选作）体育运动员的种类多种多样，所有运动员都可以跳跃和跑步，但是不同运动的跳跃和跑步方式是不同的，例如足球运动员跑动可以带球在脚下跑，而篮球运动员则只能拍一下球跑一步，否则就会被吹犯规，同样，足球运动员在跳跃中只能用头顶球，但是篮球运动员可以用手去抢球。编写一个名为Sportsman的接口，包括两个方法，Run()和Jump()，再分别编写篮球运动员和足球运动员的类，分别实现不同的Run和...
据说所有程序员学习的第一个程序都是在屏幕上输出一句“hello world”，跟这个世界打个招呼。作为天梯赛中的程序员，你写的程序得高级一点，要能跟任意指定的星球打招呼。\n\n输入格式：\n输入在第一行给
最新发布
03-16
定要打招呼的星球名称，为一个字符串，长度不超过20个字符。\n\n输出格式：\n输出一句话，表示向指定的星球打招呼，格式为：“Hello, XXX!”，其中XXX为输入的...\n\n输入样例：\nEarth\n\n输出样例：\nHello, Earth!
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码字界陈冠希

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值