JS获取服务器日期,自动切换网页信息

简介: JS获取服务器日期,自动切换网页信息

身为班上的卫生委员,你是不是因为每天要提醒同学打扫卫生而感到烦恼?

现在我们就来解决这个麻烦,每天只要发个链接到群里就好了.


本项目涉及云空间,有服务器的同学可以自由扩展

在该项目中我所使用的为:

GitHub(yourGitHubname.github.io/) and 云图片储存为:www.tietuku.com


本项目所涉及知识:


1.Javascript


2.GitHub平台基本使用


3.Git仓库管理


4.图片云储存平台使用


需要一定github管理基础 & HTML基础




1.我们先把云图片储存给解决掉



1.1 准备:


单周日卫生表图片

双周日卫生表图片

大扫除卫生表图片


大家可以自由扩展,本人是根据本人环境来开发的


1.2 开始:


1.登录云图片储存空间(推荐一个免费平台:www.tietuku.com

2.上传图片

3.自己找到如何可以将上传的图片外链的方法

例:http:// domain name / Catalog / your picture.jpg



2. 解决了图片存储问题,现在我们来用 javascript 代码实现功能



我们先需要整理思路:


手绘js思维导图: [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dRHSW7yv-1607946074736)(/images/swdt1.jpg)]。


难点:


1.如何get周数 

2.周数判断,然后打印出"明天"的卫生打扫表


关键代码:


new Date().getDay(); //将返回现在时间

星期天~星期六:0 1 2 3 4 5 6

参考资料:JavaScript的Date对象


window.location.href=" URL "; //跳转网页

例:window.location.href=" "https://uiuing.com/";` 这是我blog的链接 (> v <)


大家可以不加http:// 也可以 但建议加http:// or https://

my blog 可以直接访问 uiuing.top  (>. <)


小知识:


http 是 协议 (http协议) 

https is http 的加密 (https) 

应有免费的ssl体验 (ssl) (ssh


判断语法:


if (条件)        //if判断
{
  只有当条件为 true 时执行的代码
 }
else if (...)
{
  只有当if条件为 true 时执行的代码
}
else(...)
{
  只有当所以 if条件为 falsh 时执行的代码
}


javascript源码




<script>
alert("请打扫好卫生!查看明天卫生请点击“确定”");
var date = new Date().getDay();
//get time 并赋值
date++;
//意为:显示明天明天的卫生 date++ 可以写成 date = date + 1 ;
if(date = 7)
{
date = 0 ;`  ** `  
//没有7 只有 0(星期天)
}
if(date = 2 && 4 && 6) 
//当time = 周 2,4,6 时 
{  //双
window.location.href="jpg";
}
else if(date = 3 && 5 && 0)
//当time = 周 3,5,0 时
{  //单
window.location.href="jpg";
}
else if(date = 1)           
 //当time = 周 1 时
{
window.location.herf="jpg";
}
// © 2017 uiuing  uiuing.top
</script>


大家可以复制粘贴然后进行修改,链接为云图片储存平台所提供给你的你指定的图片外链

大家可复制范例代码用浏览器运行,看看是什么效果哦~




3. 最后一步! 使你的成果可以通过外网可以访问!


将你制作的js代码保存为 : English name.html


将该文件上传到你的GitHub blog 根目录 !


git remote add origin git@github.com:stormzhang/test.git

//连接你的github仓库,也可通过ssh配置,origin为仓库名

git push origin master //将代码提交到不同仓库中,可以指定分支

git pull origin master //先将github上的代码pull下来

git push origin master //上传至该分支



访问:


your github name.github.io /Catelog English name.html

(1.手动上传 ,2.使用git命令)

如果你的github blog绑定域名那可以: your domain name / Catalog English name.html


目录
相关文章
|
9月前
|
JavaScript 算法 开发者
如何用JS实现在网页上通过鼠标移动批量选择元素的效果?
本文介绍了类似电脑桌面通过鼠标选择多个图标的实现原理。主要通过监听mousedown、mousemove和mouseup事件,动态调整选择框大小并计算与元素的重叠情况。提供了角重叠和相交重叠的检测方法,并附有示例代码和在线演示链接,方便开发者参考与测试。
322 56
|
8月前
|
Web App开发 数据采集 JavaScript
动态网页爬取:Python如何获取JS加载的数据?
动态网页爬取:Python如何获取JS加载的数据?
1310 58
|
5月前
|
编解码 JavaScript 前端开发
如何在网页播放英文的m3u8文件(基于Javascript搭建的在线网页工具)
什么是m3u8?又该如何在网页中高效、便捷地播放英文的m3u8文件呢?今天这篇文章就带你一起了解,并推荐一种基于Javascript搭建的在线网页工具,让你轻松解决播放问题。
1050 0
|
8月前
|
数据采集 Web App开发 JavaScript
Python爬虫如何获取JavaScript动态渲染后的网页内容?
Python爬虫如何获取JavaScript动态渲染后的网页内容?
|
9月前
|
存储 监控 API
【Azure App Service】分享使用Python Code获取App Service的服务器日志记录管理配置信息
本文介绍了如何通过Python代码获取App Service中“Web服务器日志记录”的配置状态。借助`azure-mgmt-web` SDK,可通过初始化`WebSiteManagementClient`对象、调用`get_configuration`方法来查看`http_logging_enabled`的值,从而判断日志记录是否启用及存储方式(关闭、存储或文件系统)。示例代码详细展示了实现步骤,并附有执行结果与官方文档参考链接,帮助开发者快速定位和解决问题。
290 22
|
9月前
|
Go API 定位技术
MCP 实战:用 Go 语言开发一个查询 IP 信息的 MCP 服务器
随着 MCP 的快速普及和广泛应用,MCP 服务器也层出不穷。大多数开发者使用的 MCP 服务器开发库是官方提供的 typescript-sdk,而作为 Go 开发者,我们也可以借助优秀的第三方库去开发 MCP 服务器,例如 ThinkInAIXYZ/go-mcp。 本文将详细介绍如何在 Go 语言中使用 go-mcp 库来开发一个查询 IP 信息的 MCP 服务器。
551 2
|
JavaScript
使用Node.js创建一个简单的Web服务器
使用Node.js创建一个简单的Web服务器
|
机器学习/深度学习 JavaScript Cloud Native
Node.js作为一种快速、可扩展的服务器端运行时环境
Node.js作为一种快速、可扩展的服务器端运行时环境
230 8

热门文章

最新文章