专栏首页web前端教室坚持学一年很难,那坚持一周怎么样?[先行者课程-时间倒数-Data对象]

坚持学一年很难,那坚持一周怎么样?[先行者课程-时间倒数-Data对象]

时间是线性的,所以依附于时间的事情也是线性发展的。例如学js,谁能一下学成高手?谁有js学习秘籍?高手只能跟你装b,却不能带你起飞。

这世界我看只有砖与狗粮是真的。去搬砖吧,一砖一瓦,搭成自己的前端之路。许多同学给我留言说写的内容很接地气,很直白。其实我写的许多事情都是我自己身上的,你看了有同感只能说明你也有类似的问题。而那些问题我已经或多或少的解决了,而你,,也许还未意识到,也许还未解决。

同为智商下限的普通人,咱们走的路都差不多,只是我年龄大你们一些,走的多一些而已。

这么多年以来,我发现其实只擅长一件事情,就是把认准的事情,一直做下去。做到足够长,足够久,保持相应的步骤。结果嘛,一般不会太差。

当然,这是因为我足够笨,没其它办法,只能这样做。但在日积月累之下,收获却是可以预见的。这也很好啊,对吧。

总比你站在原地,面对你收集的js资料越积越多,焦虑也越来越多。想快看完又看不懂,想慢慢看完又焦虑。这就自己折磨自己了。

就在此时,时间依然在流逝,一年之后我会如何?我不知道,我只知道这一周过去之后,我肯定会搞定“web前端组件--时间倒数”。

因为我接下来,已经开始为周日的课程,准备今天的那部分资料了。

首先是UI图,如下图所示,一个倒计时页面怎么能没有一个朴素简洁(懒)的界面呢,

然后是Date对象,你想要一个时间倒数,ok没问题,就算是正数都可以,但你必须要有一个起点。这个起点就要靠Date对象了,它可以返回当日的日期和时间,接下来就可以用getFullYear()方法来获得当前的年份。

然后,我们要想一下,时间倒数,从什么时候开始倒数?是从现在开始倒数吗?肯定不是,现在的时间只能是起点。例如今天是2017年3月14号,它是起点,然后往哪一个时间点倒数,这个时间点就是时间倒数的终点。

那么这个时间倒数的终点,就是需要给Date对象传递一个参数,也就是咱们要“创建一个指定的在未来的时间对象”。

例如,

new Date(2018, 12, 31, 23, 59, 59);

这时我们就有了一个时间倒数的终点,就是倒数到这个时间为止。

那么这个时间是多久呢?

//Date() 返回当日的日期和时间

var date = new Date();

//new Date(年,月,日,时,分,秒);

//以用来创建指定时间日期对象

var date2 = new Date(year, 12, 31, 23, 59, 59);

var time = (date2 - date) / 1000;

这个time就是“从现在起,到倒数时间终点”所需要的时间。

大家想一想吧,今天就说到这里。

本文分享自微信公众号 - web前端教室(webfeel)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-03-14

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Web应用程序开发指南

    Web应用程序是与服务器端编程相结合的动态Web站点,它提供诸如与用户交互,连接到后端数据库以及向浏览器生成结果等功能。

    我就静静地看
  • 【实践】如何获得Rinkeby网络的测试以太币

    当把智能合约部署到Rinkeby Test Network时,需要获得测试以太币。其网络获取测试以太币的方法同Ropsten Test Network有些不同,...

    辉哥
  • 马蜂窝数据被扒光, 用 Python 爬取网页信息 4 分钟就能搞定

    图片来自https://www.freestock.com/free-photos/illustration-english-window-blue-sky-c...

    AI研习社
  • 用Python爬下十几万本小说,再也不会闹书荒!

    自从看了师傅爬了顶点全站之后,我也手痒痒的,也想爬一个比较牛逼的小说网看看,于是选了宜搜这个网站,好了,马上开干,这次用的是mogodb数据库,感觉mysql太...

    小小科
  • 如何编写自己的jQuery插件?

    对于那些不知道的人来说,jQuery是一个JavaScript库,它包含了许多特性,非常小而且速度很快。它还包括一个易于使用的API,在所有浏览器上都是兼容的,...

    liuxuewen
  • 今天是1024程序员节 请对身边可爱的程序员们好一点

    提起“1024”,很多朋友会想起不可描述的某著名网站。但其实,10月24日是属于程序员们的共同节日,以节日向改变世界、固执地坚持对于知识、技术和创新不断追求的程...

    三哥
  • 个人觉得腾讯云还是不错的

    dodott
  • 2019年苹果商店上架app费用及所需资料资质等详细教程

    作为一名iOSer,把开发出来的App上传到App Store是必要的。下面就来详细讲解一下具体流程步骤。

    jiang chen
  • elasticsearch文档操作

    上篇文章向读者介绍了Elasticsearch中修改数据的操作,使用了Elasticsearch提供的一整套强大的REST API,本文继续来看通过这一套API...

    江南一点雨
  • 2018年Web开发人员应该学习的12个框架

    它可以帮助你获得更好的工作,并将你的职业生涯提升到新的水平,如果遇到无聊的工作,例如启动和停止服务器,设置一些cron作业,以及回复维护传统的旧电子邮件应用,使...

    我就静静地看

扫码关注云+社区

领取腾讯云代金券