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

身为班上的卫生委员，你是不是因为每天要提醒同学打扫卫生而感到烦恼?
现在我们就来解决这个麻烦，每天只要发个链接到群里就好了．

本项目涉及云空间，有服务器的同学可以自由扩展
在该项目中我所使用的为:
GitHub(yourGitHubname.github.io/) and 云图片储存为:www.tietuku.com

---

本项目所涉及知识：

1．Javascript

2．GitHub平台基本使用

3．Git仓库管理

4．图片云储存平台使用

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

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

1.1 准备：

单周日卫生表图片
双周日卫生表图片
大扫除卫生表图片

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

1.2 开始：

１.登录云图片储存空间（推荐一个免费平台：www.tietuku.com）
２．上传图片
３．自己找到如何可以将上传的图片外链的方法
例：http:// domain name / Catalog / your picture.jpg

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

我们先需要整理思路：

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

难点：

１．如何get周数　
２．周数判断，然后打印出＂明天＂的卫生打扫表

关键代码：

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 ;`  ** `  
//没有７　只有　０（星期天）
}

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

---