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. atitit.数据验证--db数据库数据验证约束

    atitit.数据验证--db数据库数据验证约束 1. 为了加强账户数据金额的安全性,需要增加验证字段..1 2. 创建帐户1 3. 更改账户2 4. ---code3 5. --fini4 1. 为 ...

  2. filezilla sftp 文件和linux 文件不同步的问题

    删除掉以前的链接,重新建立链接就好了

  3. UIResponder（iOS 常见的事件）

    1.触摸事件 /** 当手指开始滑动 */ - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event /** 当手指正在移动 * ...

  4. AFNetworking 3.0.4 的使用

    本文永久链接:http://www.cnblogs.com/qianLL/p/5342593.html pod 'AFNetworking', '~>3.0.4'    <-------第 ...

  5. tomcat常见错误及解决方案

    一,tomcat启动时错误 1:The JAVA_HOME environment variable is not defined This environment variable is neede ...

  6. 1.9 基础知识——GP2.10 高级别的领导检查(Higher level management)

    GP2.10 Review the activities,status,and results of XXX process with highter level management and res ...

  7. <a href>传参的中文乱码问题

    版权声明:本文为博主半原创文章,未经博主允许不得不转载时允许转载 :) 当需要href进行传参,参数为中文时,会出现乱码问题,最简单的方法是: 传入的值首先用escape()进行转码,然后在取值页面用 ...

  8. openstack security group and rules python api use

    nova和neutron都可以,但是感觉还是用neutron好. import neutronclient.v2_0.client as neclient neutron = neclient.Cli ...

  9. android 8种对话框（Dialog）使用方法汇总

    1.写在前面 Android提供了丰富的Dialog函数,本文介绍最常用的8种对话框的使用方法,包括普通(包含提示消息和按钮).列表.单选.多选.等待.进度条.编辑.自定义等多种形式,将在第2部分介绍 ...

  10. mysql datetime查询异常

    mysql datetime查询异常 异常:Value '0000-00-00 00:00:00' can not be represented as java.sql.Timestamp (2011 ...