1.获取当前的时间，时间没分每秒都在走，（把握现在，将来会是美好的！）

 <title>获取当前时间</title>

     <script type="text/javascript">

         onload = function () {//地址对象  函数

             setInterval(disptime, 1000);//setInterval()可按照指定的周期（以毫秒计）来调用函数或计算表达试

         }

         function disptime() {

             var today = new Date();//获得当前时间

             var hh = today.getHours();//获得小时，然后判断小时在哪个时间段

             var sj = null;

             if (hh <= 12) {

                 sj = "早上好";

             } else if (hh > 12 && hh<= 18) {

                 sj = "下午好";

             } else if (hh> 18) {

                 sj = "晚上好";

             }

             var doc = document.getElementById('myid');//getElementById()方法返回对拥有指点id的第一个对象的引用  一般用于访问DIV 图片 表单元素 网页标签等，但要求访问对象的id是唯一的

             //设置div的内容为当前时间

             doc.innerHTML = sj + "<br/>今天日期：" + today.getFullYear() + "年" + (today.getMonth()) + "月" + today.getDate() + "日" + "<br/>现在时间：" + today.getHours() + "时" + today.getMinutes() + "分" + today.getSeconds() + "秒";

         }

     </script>

 </head>

 <body >

     <div id="myid"></div>

 </body>

实现效果截图：

2.10s倒计时效果，按开始按钮，时间变短，按停止按钮，时间暂停，时间为0时，可以跳转到其他页面

    <title>10s倒计时效果</title>

     <script type="text/javascript">

         //1.1  取出div中的变量值

         window.onload = function () {

             var t1;

             //1.4  给开始按钮注册事件

             //锁定开始按钮对象

             var btnStart = document.getElementById("btnStart");

             //结束按钮对象

             var btnStop = document.getElementById("btnStop");

             btnStop.onclick = function () {

                 clearInterval(t1);

             };

             btnStart.onclick = function () {

                 //1.5

                 t1 = setInterval(step, 1000);

             };

         };

         function step() {

             //1.2 锁定div对象

             var dom = document.getElementById("msg");

             //1.3  innerText,innerHTML value

             var num = dom.innerText;

             //1.6  对num进行--操作

             if (num > 0) {

                 num--;

             }

             //1.7  将运算过的num重新赋值给div的innerText

             dom.innerText = num;

         }

     </script>

 </head>

 <body>

     <input type="button" id="btnStart" value="开始" />

     <input type="button" id="btnStop" value="停止" /><br />

     <div id="msg">10</div>

 </body>

获取当前时间 和 10s倒计时案例的更多相关文章

  1. js 获取 当前时间 时间差 时间戳 倒计时

    开发web一段时间后发现经常使用时间进行一些操作,比较多的就是获取当前时间.对时间进行比较.时间倒计时.时间戳这些部分,每次去用经常忘总是需要去查询,还是自己总结一下比较靠谱. 获取时间戳的方法: 第 ...

  2. js 倒计时功能，获取当前时间的年月日，时分秒

    一.实现当前时间到指定截止时间的倒计时功能 <html> <head> <title>TEST</title> </head> <bo ...

  3. Java 获取当前时间及实现时间倒计时功能

    引言 在一些项目中或是一些特殊的业务场景中,需要用到显示系统的当前时间,以及一些固定的时间倒计时,时间到后做一些什么事情的业务 .接下来咱们就具体看看代码是怎么实现的: <%@ page lan ...

  4. javascript小技巧：同步服务器时间、同步倒计时

    之前在网上看到有人提问,如何在页面上同步显示服务器的时间,其实实现方法有几种,可能一般人立马就想到可以使用Ajax每隔一秒去请求服务器,然后将服务器获取到时间显示在页面上,这样虽然能够实现,但存在一个 ...

  5. JS实现Ajax---例：获取服务器时间

    Ajax在本质上是一个浏览器端的技术 XMLHttpRequest XMLHttpRequest对象 XMLHttpRequest对象在IE浏览器和非IE浏览器中创建的方法不同. 简而言之:它可以异步 ...

  6. 浅析libuv源码-获取精确时间

    在Timer模块中有提到,libuv控制着延迟事件的触发,那么必须想办法精确控制时间. 如果是JS,获取当前时间可以直接通过Date.now()得到一个时间戳,然后将两段时间戳相减得到时间差.一般情况 ...

  7. Unity通过NTP获取网络时间

    最初通过qq时间服务器获得时间,经常出现有网络也获取失败的情况. 后面寻找解决办法,查找资料终于发现通过ntp时间服务器获取网络时间的方法.   首先游戏开始获得初始化网络时间,通常只获取一次,其他时 ...

  8. iOS中获取当前时间，设定时间，并算出差值

    NSDate *date = [NSDate date];//获取当前时间 NSTimeZone *zone = [NSTimeZone systemTimeZone];//修改时区 NSIntege ...

  9. Js获取当前日期时间及其它操作

    Js获取当前日期时间及其它操作var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份 ...

随机推荐

  1. sharepoint项目遇到的WebDAV和HTTP PUT的安全隐患解决办法

    最近一个项目,客户进行了安全检测,检测出如下安全隐患,其实这些隐患全是IIS设置的事情   许多人误认为SharePoint是在使用由IIS提供的WebDAV功能. 实际上, SharePoint在S ...

  2. 愚人节大狂欢 – ADN DevBlog谎话连篇友谊赛

    愚人节过去了,你被捉弄了没有? :) 借这个机会,ADN的哥们儿也发泄狂欢了一把,我们4月1号当天在ADN DevBlog上发了一堆谎话连篇的blog,没有一个说实话的,哈哈.这是我们team内部进行 ...

  3. UIModalPresentationStyle和UIModalTransitionStyle

    一.主要用途 弹出模态ViewController是IOS变成中很有用的一个技术,UIKit提供的一些专门用于模态显示的ViewController,如UIImagePickerController等 ...

  4. 经典的Java基础面试题集锦

    经典的Java基础面试题集锦,欢迎收藏和分享. 问题:如果main方法被声明为private会怎样? 答案:能正常编译,但运行的时候会提示”main方法不是public的”. 问题:Java里的传引用 ...

  5. 【读书笔记】iOS网络-使用推送通知

    一,本地通知 本地通知有64位的最大限制.虽然,你依然可以调度通知,不过到到达的通知数被限定为接近64个,并且按照fireDate的顺序排序,系统会忽略掉其余的通知.这意味着如果现在有64个调用的本地 ...

  6. IOS 杂笔－1（为什么不继承类簇？）

    答:首先,类簇是可以继承的,并不是不可以.例如,我们可以选择继承NSSting,但是此时你用你自己设定的类去调用NSSting的一些方法时,会存在无法实现的问题,这是为什么呢. 1.类簇里有很多私有的 ...

  7. iOS开发之集成百度地图踩过的那些坑（基于 Xcode7.0/iOS9.2）

    本篇分4步讲述如何在项目中集成百度地图: 第一步:创建项目 第二步:利用 cocoaPod 导入百度地图的 SDK(pod 'BaiduMapKit' #百度地图SDK) 第三步:在 pch 文件中导 ...

  8. JQuery制作简单的网页导航特效

    使用JQuery中hover()方法,使其根据鼠标的移动简单的改变背景颜色; hover();用于模拟鼠标指针悬停事件,当鼠标指针移动到元素上时,会触发指定的第一个函数,当鼠标指针移除这个元素时,会触 ...

  9. MySQL开启慢查询 总结

    MYSQL慢查询配置 1. 慢查询有什么用? 它能记录下所有执行超过long_query_time时间的SQL语句, 帮你找到执行慢的SQL, 方便我们对这些SQL进行优化. 2. 如何开启慢查询? ...

  10. 文件与目录的rwx权限

    r(Read,读取):对文件而言,具有读取文件内容的权限:对目录来说,具有浏览目录的权限. w(Write,写入):对文件而言,具有新增.修改文件内容的权限:对目录来说,具有删除.移动目录内文件的权限 ...