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


目录
相关文章
|
19天前
|
存储 JavaScript 前端开发
使用JavaScript构建动态交互式网页:从基础到实践
【10月更文挑战第12天】使用JavaScript构建动态交互式网页:从基础到实践
51 1
|
1天前
|
JavaScript 前端开发 搜索推荐
Moment.js、Day.js、Miment,日期时间库怎么选?
【10月更文挑战第29天】如果你需要一个功能强大、插件丰富的日期时间库,并且对性能要求不是特别苛刻,Moment.js是一个不错的选择;如果你追求极致的轻量级和高性能,那么Day.js可能更适合你;而如果你有一些特定的日期时间处理需求,并且希望在性能和功能之间取得平衡,Miment也是可以考虑的。
|
2天前
|
缓存 负载均衡 监控
性能优化:Node.js高效服务器开发技巧与最佳实践
【10月更文挑战第29天】在Node.js服务器开发中,性能优化至关重要。本文介绍了几种高效开发的最佳实践,包括使用缓存策略、采用异步编程、实施负载均衡和性能监控。通过示例代码展示了如何实现这些技术,帮助开发者构建更快、更稳定的Node.js应用。
13 2
|
23天前
|
存储 JavaScript 前端开发
【JavaScript】网页交互的灵魂舞者
本文介绍了 JavaScript 的三种引入方式(行内、内部、外部)和基础语法,包括变量、数据类型、运算符、数组、函数和对象等内容。同时,文章还详细讲解了 jQuery 的基本语法和常用方法,如 `text()`、`html()`、`val()`、`attr()` 和 `css()` 等,以及如何插入和删除元素。通过示例代码和图解,帮助读者更好地理解和应用这些知识。
13 1
【JavaScript】网页交互的灵魂舞者
|
26天前
|
机器学习/深度学习 自然语言处理 JavaScript
信息论、机器学习的核心概念:熵、KL散度、JS散度和Renyi散度的深度解析及应用
在信息论、机器学习和统计学领域中,KL散度(Kullback-Leibler散度)是量化概率分布差异的关键概念。本文深入探讨了KL散度及其相关概念,包括Jensen-Shannon散度和Renyi散度。KL散度用于衡量两个概率分布之间的差异,而Jensen-Shannon散度则提供了一种对称的度量方式。Renyi散度通过可调参数α,提供了更灵活的散度度量。这些概念不仅在理论研究中至关重要,在实际应用中也广泛用于数据压缩、变分自编码器、强化学习等领域。通过分析电子商务中的数据漂移实例,展示了这些散度指标在捕捉数据分布变化方面的独特优势,为企业提供了数据驱动的决策支持。
47 2
信息论、机器学习的核心概念:熵、KL散度、JS散度和Renyi散度的深度解析及应用
|
5天前
|
存储 关系型数据库 MySQL
查询服务器CPU、内存、磁盘、网络IO、队列、数据库占用空间等等信息
查询服务器CPU、内存、磁盘、网络IO、队列、数据库占用空间等等信息
96 1
|
27天前
|
SQL 分布式计算 Hadoop
Hadoop-37 HBase集群 JavaAPI 操作3台云服务器 POM 实现增删改查调用操作 列族信息 扫描全表
Hadoop-37 HBase集群 JavaAPI 操作3台云服务器 POM 实现增删改查调用操作 列族信息 扫描全表
30 3
|
28天前
|
JSON JavaScript 前端开发
使用 Node.js 和 Express 构建 RESTful API 服务器
【10月更文挑战第3天】使用 Node.js 和 Express 构建 RESTful API 服务器
|
28天前
|
存储 数据采集 分布式计算
Hadoop-17 Flume 介绍与环境配置 实机云服务器测试 分布式日志信息收集 海量数据 实时采集引擎 Source Channel Sink 串行复制负载均衡
Hadoop-17 Flume 介绍与环境配置 实机云服务器测试 分布式日志信息收集 海量数据 实时采集引擎 Source Channel Sink 串行复制负载均衡
39 1
|
6天前
|
缓存 监控 Linux
Python 实时获取Linux服务器信息
Python 实时获取Linux服务器信息