1.在body里面使用onload和在函数中使用setTimeout来实现当前的日期时间不断变化

2.在script中直接是用setInterval实现当前实现的日期时间不断变化

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title></title>
  6.     </head>
  7.     <body onload="fun()">
  8.         <p id="demo"></p>
  9.     <script>
  10.         function fun()
  11.         {var date=new Date();
  12.         var year=date.getFullYear();
  13.         var month=date.getMonth()+1;//这里用函数获取的日期是从0-11，所以要加1
  14.         var datte=date.getDate();
  15.         var hour=date.getHours();
  16.         var minute=date.getMinutes();
  17.         var second=date.getSeconds();
  18.         if(minute<10)
  19.         minute="0"+minute;
  20.         if(second<10)
  21.         second="0"+second;
  22.  
  23.         document.getElementById("demo").innerHTML=year+"年"+month+"月"+datte+"日"+hour+":"+minute+":"+second;
  24.          setTimeout("fun()",1);
  25.  
  26.         }
  27.  
  28.     </script>
  29.     </body>
  30. </html>
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title></title>
  6.     </head>
  7.     <body >
  8.         <p id="demo"></p>
  9.     <script>
  10.         window.onload=fun();//单独这样写会更好
  11.     function fun()
  12.         {var date=new Date();
  13.         var year=date.getFullYear();
  14.         var month=date.getMonth()+1;
  15.         var datte=date.getDate();
  16.         var hour=date.getHours();
  17.         var minute=date.getMinutes();
  18.         var second=date.getSeconds();
  19.         if(minute<10)
  20.         minute="0"+minute;
  21.         if(second<10)
  22.         second="0"+second;
  23.  
  24.         document.getElementById("demo").innerHTML=year+"年"+month+"月"+datte+"日"+hour+":"+minute+":"+second;
  25.          setTimeout("fun()",1);//使用clearTimeout来清除
  26.  
  27.         }
  28.  
  29.     </script>
  30.     </body>
  31. </html>
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title></title>
  6.     </head>
  7.     <body >
  8.         <p id="demo"></p>
  9.     <script>
  10.     function fun()
  11.         {var date=new Date();
  12.         var year=date.getFullYear();
  13.         var month=date.getMonth()+1;
  14.         var datte=date.getDate();
  15.         var hour=date.getHours();
  16.         var minute=date.getMinutes();
  17.         var second=date.getSeconds();
  18.         if(minute<10)
  19.         minute="0"+minute;
  20.         if(second<10)
  21.         second="0"+second;
  22.  
  23.         document.getElementById("demo").innerHTML=year+"年"+month+"月"+datte+"日"+hour+":"+minute+":"+second;
  24.  
  25.         }
  26.      setInterval("fun()",1);//自动循环，使用clearInterval来清除
  27.  
  28.     </script>
  29.     </body>
  30. </html>

时间会变化，秒钟更为明显

使用onload和setTimeout、setInterval来实现当前的时间的更多相关文章

  1. js,onblur后下一个控件获取焦点判断、html当前活跃控件、jquery版本查看、jquery查看浏览器版本、setTimeout&setInterval

    需求: input控件在失去焦点后直接做验证,验证通不过的话,显示相应错误.但是如果失去焦点后点击的下个控件是比较特殊的控件(比如,退出系统),那么不执行验证操作,直接退出系统(防止在系统退出前,还显 ...

  2. setTimeout/setInterval执行时机

    setTimeout()和setInterval()经常被用来处理延时和定时任务.setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则可以在每隔指定的 ...

  3. js中setTimeout/setInterval定时器用法示例

    js中setTimeout(定时执行一次)和setInterval(间隔循环执行)用法介绍. setTimeout:在指定的毫秒数后调用指定的代码段或函数:setTimeout示例代码 functio ...

  4. setTimeout,setInterval你不知道的…

    javascript线程解释(setTimeout,setInterval你不知道的事) 标签: javascript引擎任务浏览器functionxmlhttprequest 2011-11-21 ...

  5. setTimeout,setInterval你不知道的事

    javascript线程解释(setTimeout,setInterval你不知道的事) 标签: javascript引擎任务浏览器functionxmlhttprequest 2011-11-21 ...

  6. js异步处理工作机制(setTimeout, setInterval)

    经常谈到异步,但是发现自己一直没深入理解setTimeout, setInterval,逛论坛的时候发现了这篇好文章,分享一下. ————————————————————以下为原文—————————— ...

  7. 管理页面的 setTimeout & setInterval

    在管理 setTimeout & setInterval 这两个 APIs 时,笔者通常会在顶级(全局)作用域创建一个叫 timer 的对象,在它下面有两个数组成员 —— {sto, siv} ...

  8. js setInterval每隔一段时间执行一次

    js setInterval每隔一段时间执行一次setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式.setInterval() 方法会不停地调用函数,直到 clearI ...

  9. window对象方法之setTimeout(),setInterval()

    window中的这两个方法是比较重要的,在许多的设计中会使用到这两个方法.比如使用在倒计时抢购中. 首先来说说这两个方法的用法吧! 一:window.setTimeout(); setTimeout( ...

随机推荐

  1. Java实现 LeetCode 609 在系统中查找重复文件（阅读理解+暴力大法）

    609. 在系统中查找重复文件 给定一个目录信息列表,包括目录路径,以及该目录中的所有包含内容的文件,您需要找到文件系统中的所有重复文件组的路径.一组重复的文件至少包括二个具有完全相同内容的文件. 输 ...

  2. Java实现蓝桥杯VIP算法训练 相邻字母

    试题 算法训练 相邻字母 资源限制 时间限制:1.0s 内存限制:256.0MB [问题描述] 从键盘输入一个英文字母,要求按字母的顺序打印出3个相邻的字母,指定的字母在中间.若指定的字母为Z,则打印 ...

  3. Java实现 LeetCode 212 单词搜索 II

    public class Find2 { public int[] dx={1,-1,0,0}; public int[] dy={0,0,1,-1}; class Trie{ Trie[] trie ...

  4. java实现第六届蓝桥杯九数分三组

    九数分三组 题目描述 1~9的数字可以组成3个3位数,设为:A,B,C, 现在要求满足如下关系: B = 2 * A C = 3 * A 请你写出A的所有可能答案,数字间用空格分开,数字按升序排列. ...

  5. let与var的一个重要区别

    我们先来看下面这一段代码 html代码 <ul> <li>sdfsdagsdgsa</li> <li>sdfsdagsdgsa</li> & ...

  6. pyhon的浅拷贝与深拷贝

    1.赋值:简单地拷贝对象的引用,两个对象的id相同. 2.浅拷贝:创建一个新的组合对象,这个新对象与原对象共享内存中的子对象. 3.深拷贝:创建一个新的组合对象,同时递归地拷贝所有子对象,新的组合对象 ...

  7. MYSQL SQL 语句修改字段默认值

    alter table tablename alter column drop default; (若本身存在默认值,则先删除) alter table tablename alter column ...

  8. Accord.NET重启4.0 开发

    Accord.NET Framework是在AForge.NET基础上封装和进一步开发来的.功能也很强大,因为AForge.NET更注重与一些底层和广度,而Accord.NET Framework更注 ...

  9. Windows环境下PHP安装pthreads多线程扩展

    一.判断PHP是ts还是nts版 通过phpinfo(); 查看其中的 Thread Safety 项,这个项目就是查看是否是线程安全,如果是:enabled,一般来说应该是ts版,否则是nts版. ...

  10. 存储系列之 DAS、SAN、NAS三种常见架构概述

    随着主机.磁盘.网络等技术的发展,对于承载大量数据存储的服务器来说,服务器内置存储空间,或者说内置磁盘往往不足以满足存储需要.因此,在内置存储之外,服务器需要采用外置存储的方式扩展存储空间,今天在这里 ...