原生JavaScript基础，根据当前时间显示对应图片

最新推荐文章于 2024-11-12 11:19:19 发布
最新推荐文章于 2024-11-12 11:19:19 发布
阅读量126 收藏
点赞数 1
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_85529732/article/details/140106211
版权

先获取当前的时间（电脑当前的时间）

5555bed8d26b4f5da609c27d195f45e2.jpg

再获取图片 6db075c777894a858e8c85cf2896840a.jpg

 最后使用if…lese条件判断什么时间显示哪张图片

fe8c978d28494e9ab979850cb7070297.png

 

 

蔡徐坤的坤
关注
js怎么显示服务器图片,原生JS上传图片接收服务器端图片并且显示图片（主要描述blob类型）...
weixin_36036852的博客
08-04 3293
1.了解后端处理图像的方式一：图片以独立文件的形式存储在服务器的指定文件夹中，再将路径存入数据库字段中二：将图片转换成blob，直接存储到数据库的 Image 类型字段中(这种方式负担很大不建议使用)blob (binary large object)二进制大对象2.第一种前端直接将存储路径赋值给src属性即可轻松显示前端发起get请求后，后端可直接返回图片在服务器中地址3.第二种以二进制流传输图...
使用原生JavaScript实现jQuery的css选择器
给我一颗橙子
09-24 3369
使用原生JS实现jQuery的css选择器，考虑以下几个问题： 1.jQuery用$符号传参的形式获取节点的对象：1)传参有可能是字符串；2）有可能是一个节点对象；3）有可能直接是一个函数，就是$(function(){}),这个形式。所以需要分三种情况 2.字符串又分以下几种情况：1）包含层层递进的css选择器，例如$('#a .b p')，中间会出现空格；2）只有一个字符串 3.不管是层
原生JavaScript轮播图功能的实现
欢愉码农的博客
06-13 1882
class = "current" 用于定位当前显示图片所在位置。
原生javascript实现图片左右平滑轮播效果（思路分析+代码）
小福气的博客
07-21 5554
效果截图： 思路： 1准备工作 1通过html和css实现图片水平布局（可以在main里面设置overflow=scrollleft，更好的观察图片移动的轨迹） 2获取需要操作的对象 3设置默认展示的图片的下标imgIndex=1 默认的轮播按钮下标btnIndex=0 初始的main的scrollLeftmain.scr...
JavaScript基础库
热门推荐
m0_71956038的博客
06-13 6万+
一个封装好的特定的集合（方法和函数）。在这个库里面，封装了很多定义好的函数，支持js的常规操作以及拓展是一个快速、简介的js库，设计的宗旨"write less，do more"学习jquery的本质：学习调用这些函数（方法） <script src="./jquery-3.6.0.js"></script> <script>        var box1 = document.querySelector(&
原生js(JavaScript)实现手动切换图片效果
shenqh
07-17 2936
手动切换图片只是实现了功能，并没有对页面样式做很好的优化。因为现在只是讲解这个图片切换的功能，没有必要花太多的时间和精力在界面优化上面。下面先把代码和样式图奉上再进行讲解。 代码： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&g...
原生javascript实现树布局算法
qq_41296039的博客
08-24 3025
其他资源： 1.完整的树状图布局代码 本文目录效果展示绘制原则主要难点算法流程1——FirstWalk算法流程2——SecondWalkapportion函数通过canvas绘制节点和线 效果展示 目标：将树结构数据绘制成一个树的图，树结构数据大概是这个样子： 说明一下,其实网络上的关于树结构的数据有很多种类，这里我只选取了一种类型的数据，如果想要直接使用我这里的算法，可以自己尝试调整数据类型或者调整对应的算法。后面我还针对另一种数据类型做了相应的调整，也就是说完整的代码可以应对两种格式的树结构数据。 le
100个原生的JavaScript实用功能代码片段
唐策的博客
03-08 2481
把平时网站上常用的一些实用功能代码片段通通收集起来，方面网友们学习使用，利用好的话可以加快网友们的开发速度，提高工作效率。 目录如下： 1、原生JavaScript实现字符串长度截取 2、原生JavaScript获取域名主机 3、原生JavaScript清除空格 4、原生JavaScript替换全部 5、原生JavaScript转义html标签 6、原生JavaScript还原htm...
原生JS 面试题 （基础）（概率大）
m0_64191440的博客
08-30 7818
2022 最新 前端面试题 持续更新中
JavaScript 基础（超详细）
TKOP_的博客
03-02 1万+
这篇笔记大概囊括了 JavaScript 基础的所有知识点。适合 js 初学者去查看特定知识点或者已经自学完 js 的伙伴去完成查漏补缺的过程。知识点的梳理参照了《JavaScript 高级程序设计》的内容，所以这算是一篇读书笔记。知识点的具体介绍主要有书中重要讲述、代码示例、思维图表、重难点解析、个人思考总结和他人的启发。虽不敢说这是最详细的笔记，但对于每个知识我都会尽力将自己的所思所想清楚地记录下来并分享。
JavaScript实现页面实时显示当前时间的简单实例
10-27
本文将介绍一个使用JavaScript来实现页面实时显示当前时间的简单实例，虽然现在有许多现代前端框架和库能够做到这一点，但使用原生JavaScript同样可以实现这一功能，且操作简单。 首先需要了解的，是在JavaScript中...
原生JavaScript基础，实现简单的贪吃蛇效果
01-08
在本文中，我们将探讨如何使用原生JavaScript实现一个简单的贪吃蛇游戏。首先，我们从提供的代码片段中可以看出，游戏的核心部分包括三个类：Map、Food 和 Snake。 1. **Map 类**： - `Map` 类用于创建游戏的基础...
原生JS实现隐藏显示图片 JS实现点击切换图片效果
12-12
在本文中，我们将深入探讨如何使用原生JavaScript来实现一个简单的图片显示与隐藏以及图片切换的功能。这个功能包括两个按钮，分别标记为“显示”和“换”，以及一张可显示或隐藏的图片。以下是实现这一功能的关键...
原生JavaScript实现歌词滚动
01-04
这样，你可以根据当前播放的时间找到对应的歌词。 3. **事件监听**：我们需要监听音乐播放器的`timeupdate`事件，当歌曲时间变化时，触发歌词滚动更新。通过获取音频元素的`currentTime`属性，我们可以知道歌曲当前...
分享10个原生JavaScript技巧
10-24
标题中提到的“分享10个原生JavaScript技巧”，指的是文章将介绍JavaScript编程中十种有用的技巧，这些技巧通常是编程者在进行项目开发时常用到的，有助于提升开发效率或代码质量。原生JavaScript指的是不依赖任何第...
Javascript中Map与Set以及其常见遍历方式
警警的博客
11-12 556
在JavaScript中，Map和Set是两种非常重要的集合类型，它们提供了比传统对象（Object）和数组（Array）更强大和灵活的数据存储和操作方法。下面是对Map和Set的详细解释。
Vue中的常用指令
最新发布
m0_62388400的博客
11-12 733
指令（Directives）是 Vue 提供的带有的 特殊 标签。为啥要学：提高程序员操作 DOM 的效率。vue 中的指令按照不同的用途可以分为如下 6 大类：内容渲染指令（v-html、v-text）条件渲染指令（v-show、v-if、v-else、v-else-if）事件绑定指令（v-on）属性绑定指令 （v-bind）双向绑定指令（v-model）列表渲染指令（v-for）指令是 vue 开发中最基础、最常用、最简单的知识点。
Echarts 折线图
weixin_44443380的博客
11-08 265
解决方法：设置emphasis.lineStyle和折线图本身lineStyle相同即可。问题：鼠标悬停在折线图上，折线变粗。3、去掉 hover 折线变粗方法。
解决@ant-design-vue/nuxt模块加载到许多没用到的组件，影响开发下加载速度的问题
清晰编程
11-12 67
升级命令：npm up @ant-design-vue/nuxt。解决方法：将该模块版本升级到1.4.6。
JavaScript创意时钟项目实战：动态显示时间
"这篇教程介绍了如何使用JavaScript实现一个创意时钟项目，强调...这个JavaScript创意时钟项目是一个结合了基础时间处理、CSS3动画和DOM操作的实例，它可以帮助开发者巩固JavaScript基础，提升网页动态效果的实现能力。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值