实际效果浏览

shen's Homehttp://www.longsong.xyz:5000/?username0=shen&username1=123456&username2=&username3=

代码如下：

//一个跳转界面，加载时自动播放
<div id="bg" src="./img/kelis.gif"style="display:block;background-color: #ccc;width: 100%;position:absolute;height: 125%;opacity: 0.85;z-index: 1;"><img id="shen" src="./img/kelis.gif" href="javascript:closeDiv()" style="width:100%;height:100%;position:absolute">
</div>
//定时器设置div不可见
<script language=javascript style="background:#000000">var timerid = setTimeout(function () {document.getElementById('bg').style.display = 'none';}, 4000)</script>

js 定时器介绍

分类编程技术

js 定时器有以下两个方法：

setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。
setTimeout() ：在指定的毫秒数后调用函数或计算表达式。

setInterval()

语法

setInterval(code,millisec,lang)

参数	描述
code	必需。要调用的函数或要执行的代码串。
millisec	必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。
lang	可选。 JScript \| VBScript \| JavaScript

以下实例在每 1000 毫秒执行 clock() 函数。实例中也包含了停止执行的按钮:

<html>
<body><input type="text" id="clock" />
<script type="text/javascript">
var int=self.setInterval("clock()",1000);
function clock()
{
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("clock").value=t;
}
</script><button onclick="int=window.clearInterval(int)">停止</button></body>
</html>

setTimeout()

语法

setTimeout(code,millisec,lang)

参数	描述
code	必需。要调用的函数后要执行的 JavaScript 代码串。
millisec	必需。在执行代码前需等待的毫秒数。
lang	可选。脚本语言可以是：JScript \| VBScript \| JavaScript

实例演示如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body><p>点击按钮，在等待 3 秒后弹出 "Hello"。</p>
<button onclick="myFunction()">点我</button><script>
function myFunction()
{setTimeout(function(){alert("Hello")},3000);
}
</script></body>
</html>

给网页加一个全屏转场动画 HTML JS相关推荐

一个全屏页面切换实例
这里写了一个全屏切换的实例,纯手工,没有使用任何插件~ <!DOCTYPE html> <html lang="zh-CN"> <head> & ...
网页怎么退出全屏,网页退出全屏有哪些快捷键？
网页怎么退出全屏,网页退出全屏有哪些快捷键? 网页怎么退出全屏,网页退出全屏有哪些快捷键? 1.浏览器一般右上角都有个双重小框框即是还原按钮,图标是两个小口. 你点下就不是全屏啦,或者你在浏览器的边框 ...
android中布局全屏,怎么在Android 应用中实现一个全屏与非全屏功能
怎么在Android 应用中实现一个全屏与非全屏功能发布时间:2020-12-04 17:31:45 来源:亿速云阅读:135 作者:Leah 怎么在Android 应用中实现一个全屏与非全屏功能 ...
PC端网页在手机端全屏展示改造
为了让PC端网页在手机端全屏展示,一般首先想到的是清除浏览器的默认设置边距. * {padding: 0;margin: 0; } 但是不建议使用以上写法,尤其是较大的网站,会极大的消耗资源,所以不建 ...
unity webgl加载全屏设置
unity webgl加载全屏设置 <body><div class="webgl-content"style="width: 100%; height ...
html页面飘落花瓣不是全屏,jQuery css3全屏花瓣飘落动画特效
特效描述:jQuery css3 全屏花瓣飘落动画特效.jQuery css3从上往下飘落爱心花瓣动画特效.(不兼容IE6,7,8) 代码结构 1. 引入JS 2. HTML代码 $(functio ...
紫色全屏渐变css3动画UI企业模板
介绍: 紫色全屏渐变css3动画UI企业模板网盘下载地址: http://kekewangLuo.net/QPSXvo1yKir0 图片:
html5全屏幻灯片自动切换,html5特效-全屏幻灯片切换动画，支持拖拽
html5全屏幻灯片切换动画的特效,支持拖拽,完整源码下载地址: http://pan.baidu.com/s/1nvwcLxJ 密码: dmgr 效果预览图如下: 全屏幻灯片切换动画,支持拖拽 in ...
JS全屏代码，解决PDF.js在iframe中部分浏览器全屏功能错误
JS全屏代码,解决PDF.js在iframe中部分浏览器全屏功能错误 PDF.js在iframe模式在火狐浏览器中按钮被屏蔽经分析,viewer.js 发现了判断逻辑 debug发现第二个判断后为 ...
html5全屏动画幻灯片切换,全屏幻灯片切换动画可拖拽
全屏幻灯片切换动画可拖拽 Project name 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio ven ...

给网页加一个全屏转场动画 HTML JS

实际效果浏览

代码如下：

js 定时器介绍

分类编程技术

setInterval()

语法

setTimeout()

语法

给网页加一个全屏转场动画 HTML JS相关推荐

最新文章

热门文章

给网页加一个全屏转场动画 HTML JS

实际效果浏览

代码如下：

js 定时器介绍

分类 编程技术

setInterval()

语法

setTimeout()

语法

给网页加一个全屏转场动画 HTML JS相关推荐

最新文章

热门文章

分类编程技术