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. Snort - manual 笔记（四）

    1.7 Basic Output Snort可以做很多任务, 并且在任务完成后输出很多有用的统计信息. 一些不用说明就可以看懂, 其他的总结在这里, 不过只是一些基本的 1.7.1 Timing St ...

  2. Android UI线程和非UI线程

    Android UI线程和非UI线程 UI线程及Android的单线程模型原则 当应用启动,系统会创建一个主线程(main thread). 这个主线程负责向UI组件分发事件(包括绘制事件),也是在这 ...

  3. Phonegap 之 iOS银联在线支付（js调用ios端银联支付控件）

    Phonegap项目,做支付的时候,当把网站打包到ios或android端成app后,在app上通过wap调用银联在线存在一个问题: 就是当从银联支付成功后,再从服务器返回到app客户端就很难实现. ...

  4. Android 下拉列表框、文本框、菜单

    1.下拉列表框(Spinner) 项目布局 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/andr ...

  5. java 语言规范 java language specifications

    在线地址: https://docs.oracle.com/javase/specs/ java语言规范下载: 链接:http://pan.baidu.com/s/1miEpJwk 密码:f89v j ...

  6. HTML5 respond.js 解决IE6~8的响应式布局问题

    HTML5 respond.js 解决IE6~8的响应式布局问题   响 应式布局,理想状态是,对PC/移动各种终端进行响应.媒体查询的支持程度是IE9+以及其他现代的浏览器,但是IE8在市场当中仍然 ...

  7. pom.xml 样例

    <project xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://maven ...

  8. PHP 替换标签和标签内的内容

    $filter_arr=array('/#(.*?)#/','/\$(.*?)\$/','/\^(.*?)\^/');//要替换的标签 $content=$data['Monthlys']['cont ...

  9. MYSQL 数据库导入导出命令

    MySQL命令行导出数据库 1,进入MySQL目录下的bin文件夹:cd MySQL中到bin文件夹的目录 如我输入的命令行:cd C:\Program Files\MySQL\MySQL Serve ...

  10. Oracle索引梳理系列（三）- Oracle索引种类之反向索引

    版权声明:本文发布于http://www.cnblogs.com/yumiko/,版权由Yumiko_sunny所有,欢迎转载.转载时,请在文章明显位置注明原文链接.若在未经作者同意的情况下,将本文内 ...