JavaScript实现背景自动切换小案例


Posted in Javascript onSeptember 27, 2019

本文实例为大家分享了js实现背景自动切换的具体代码,供大家参考,具体内容如下

JavaScript实现背景自动切换小案例

功能:

窗口打开背景图自动跳转切换

所有代码:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>背景切换</title>
</head>
<body>
<img src="img/1.jpg" width="500" id="imgId"/>
</body>
</html>
<script type="text/javascript">
 window.onload = function () {

 setInterval(step, 1000);
 }
 var num = 1;
 function step() {
 if (num < 5) {
  num++;
 } else {
  num = 1;
 }
 var dom = document.getElementById("imgId");
 //更改它images的src属性
 dom.src = 'img/' + num + '.jpg';
 }

</script>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 写类方式之四
Jul 05 Javascript
Javascript面象对象成员、共享成员变量实验
Nov 19 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
Oct 16 Javascript
JavaScript中使用concat()方法拼接字符串的教程
Jun 06 Javascript
jQuery实现仿百度帖吧头部固定导航效果
Aug 07 Javascript
Jquery easyui开启行编辑模式增删改操作
Jan 14 Javascript
jquery自适应布局的简单实例
May 28 Javascript
xtemplate node.js 的使用方法实例解析
Aug 22 Javascript
Bootstrap实现各种进度条样式详解
Apr 13 Javascript
JavaScript 基础表单验证示例(纯Js实现)
Jul 20 Javascript
微信小程序如何播放腾讯视频的实现
Sep 20 Javascript
Vue项目中使用flow做类型检测的方法
Mar 18 Javascript
vue监听用户输入和点击功能
Sep 27 #Javascript
vue实现文字加密功能
Sep 27 #Javascript
微信小程序 动态修改页面数据及参数传递过程详解
Sep 27 #Javascript
vue实现购物车小案例
Sep 27 #Javascript
解决layui中onchange失效以及form动态渲染失效的问题
Sep 27 #Javascript
layui 地区三级联动 form select 渲染的实例
Sep 27 #Javascript
vue实现移动端省市区选择
Sep 27 #Javascript
You might like
PHP排序之二维数组的按照字母排序实现代码
2011/08/13 PHP
PHP数组遍历知识汇总(包含遍历方法、数组指针操作函数、数组遍历测速)
2014/07/05 PHP
PHP 进度条函数的简单实例
2017/09/19 PHP
PDO::setAttribute讲解
2019/01/29 PHP
Stop SQL Server
2007/06/21 Javascript
js 对象是否存在判断
2009/07/15 Javascript
实现连缀调用的map方法(prototype)
2009/08/05 Javascript
常用的几段javascript代码分享
2014/03/25 Javascript
判断及设置浏览器全屏模式
2014/04/20 Javascript
JavaScript中的迭代器和生成器详解
2014/10/29 Javascript
jQuery控制控件文本的长度的操作方法
2016/12/05 Javascript
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
2017/08/16 Javascript
JavaScript 2018 中即将迎来的新功能
2018/09/21 Javascript
vue踩坑记录之数组定义和赋值问题
2019/03/20 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
2020/01/04 Javascript
vue移动端写的拖拽功能示例代码
2020/09/09 Javascript
Python上传package到Pypi(代码简单)
2016/02/06 Python
python机器学习之KNN分类算法
2018/08/29 Python
详解python tkinter教程-事件绑定
2019/03/28 Python
Python 把序列转换为元组的函数tuple方法
2019/06/27 Python
详解python uiautomator2 watcher的使用方法
2019/09/09 Python
Python使用graphviz画流程图过程解析
2020/03/31 Python
用Python实现职工信息管理系统
2020/12/30 Python
Python 里最强的地图绘制神器
2021/03/01 Python
Farfetch澳大利亚官网:Farfetch Australia
2020/04/26 全球购物
C#笔试题和英文面试题
2013/02/07 面试题
药学专业大学生个人的自我评价
2013/11/04 职场文书
阳光体育活动总结
2014/04/30 职场文书
师范毕业生求职信
2014/07/11 职场文书
2014教师“四风问题”对照检查材料思想汇报
2014/09/16 职场文书
2015年大学教师工作总结
2015/05/20 职场文书
励志语录:你若不勇敢,谁替你坚强
2019/11/08 职场文书
导游词之开封禹王台风景区
2019/12/02 职场文书
python 三边测量定位的实现代码
2021/04/22 Python
使用Python的开发框架Brownie部署以太坊智能合约
2021/05/28 Python
JS前端可扩展的低代码UI框架Sunmao使用详解
2022/07/23 Javascript