利用js实现按星期显示不同图片

最新推荐文章于 2023-02-18 00:12:37 发布
原创 最新推荐文章于 2023-02-18 00:12:37 发布 · 3.5k 阅读 · 11 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#button #function #xhtml #javascript #import #date

这篇博客介绍了一个简单的JavaScript实现，根据当前星期显示对应图片。HTML中定义了按钮，每个按钮代表一周中的一天，点击按钮会调用changePic函数，该函数根据传入的按钮名称更改图片和文字显示。

只需在相应的文件下放上对应的图片即可周日至周六图片分别

命名为0.jpg，1.jpg，2.jpg .......6.jpg

没什么技术含量，很简单

<!--html-->

<!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=gb2312" />
<title>DynamicPic</title>
<style type="text/css">
   @import "css/DynamicPic.css";
</style>

最低0.47元/天 解锁文章
Test_LD
关注
用JS根据星期自动更换图片
08-03
随着星期而更新需要显示的图片，内容非常简单
js实现每日自动换一张图片的方法
10-24
主要介绍了js实现每日自动换一张图片的方法,涉及javascript操作图片与日期的相关技巧,非常简单实用,需要的朋友可以参考下
JS每日自动换图_周图&月图——纯JS
黑夜中的潜行者
07-27 571
纯JS做每日换图，是非常简单的 换图的常规频率为周轮和月轮 思路是相同的 当然也可以使用定时器来做自定义时间段的轮播式 每日换图可以认为是轮播的衍生或者它衍生了轮播，都可以 为便于理解，不展示body标签以外的代码 ????????你没看错就是这么一丢丢 ???? 划重点 <body> <img id="img" width="80%"> <script> //只找了7张图 //每周轮换 var imgS
根据不同时间显示不同的图片（JS）
weixin_52063946的博客
07-14 2168
功能：分时间显示不同的图片 早上显示上午好，显示上午的图片 6-10 中午显示中午好，显示中午的图片 10-14 下午 14-20 晚上 20-6 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="v
js写每周换一次div图片和名字
weixin_33826268的博客
07-29 134
<!doctype html> <html> <head> <meta charset="gb2312"> <title>js写每周换一次div图片和名字</title> </head> <body> <div ><img id="zj_pic" src="" sty...
JavaScript实现动态显示年月日时分秒星期
"JavaScript实现动态显示当前日期和时间的代码示例" 在JavaScript中，处理日期和时间是一项常见的任务。在给定的代码中，我们看到一个简单的方法来实时更新页面上显示的当前日期和时间。这段代码利用了JavaScript...
利用JavaScript制作网页特效.ppt
11-13
- **设置为首页和加入收藏夹**：提供便捷的用户操作，通过JavaScript实现一键将网页设置为首页或添加到收藏夹的功能。 通过学习和实践这些JavaScript特效，开发者可以提升网页的交互性和吸引力，为用户提供更丰富...
js 获取当天时间,实现展示包含今天的一周时间的方法
撑戌圆爱痒生
09-05 780
js 获取当天时间,实现展示包含今天的一周时间 最近写了一个关于需要时间预约的项目,记录一下如何实现一周 数据的处理,时间的展示 js代码 getdatet: function(e) { var date = new Date();//获取当天日期 var timestamp = date.valueOf(); //获取当前毫秒的时间戳，准确! var tdateta = timestamp + (3600 * 24 * 1000 * e);//从今天开始的第n天,今天为0,明天为1依次类推 va
用js在不同时间显示不同图片和问候
qq_53912756的博客
11-22 931
【代码】用js在不同时间显示不同图片和问候。
根据随机数切换相对应的图片
LKAK117的博客
06-16 303
随机数小作业
JS实现日期上下周切换
07-20
JS实现日期上下周切换
js
msrllj的博客
12-13 515
// 请输入1-7中的任意数字，判断是星期几。（例如：输入5，弹出“星期五”） /* var a = prompt(); /!* switch (a) { case “1”: alert(‘星期一’); break; case “2”: alert(‘星期二’); break; case “3”: alert(‘星期三’); break; case “4”: alert(‘星期四’); br...
使用js模拟日历数据的生成（使用js获取某一天所在的星期日到星期六的数据）
m0_50616036的博客
02-18 716
它可以获取传入的日期所在的星期日到星期六的数据。 而一个日历是由六个星期组成的，由此，我们只需要循环六次这个方法，便可获得一页日历的数据
用就javascript脚本语言设计程序
weixin_34194317的博客
04-02 522
根据当天是星期几，在页面中显示不同的图片。源代码：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmln...
表达心情的的C语言程序,今天心情好来分享一段代码，嘎嘎嘎
weixin_42117150的博客
05-17 1256
该楼层疑似违规已被系统折叠隐藏此楼查看此楼#include int main(){char one[100]="a",fu;int a=0;float eq,jia;scanf("%s",one);eq=one[a];a++;while(one[a]=='0'||one[a]=='1'||one[a]=='2'||one[a]=='3'||one[a]=='4'||one[a]=='5'||on...
js实现根据不同时间显示不同内容
木子木木的专栏
01-20 3965
function timeMsg() { let timesArr = [ { time: '20190120', number: '1', pic: './img.pic1', message: '拜年'}, { time: '20190121', number: '2', pic: './img.pic2', message: '初二 '}, ...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值