动态的显示当前的时间---setInterval的用法

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6      <!--引入框架-->
 7     <link href="resource/bootstrap/css/bootstrap.css" rel="stylesheet">
 8     <script src="resource/jQuery/jquery-1.11.3.js"></script>
 9     <script src="resource/bootstrap/js/bootstrap.js"></script>
10
11     <!--引入自己的js-->
12     <script src="js/demo1.js"></script>
13
14     <style>
15         /*css选择器：class,id,标签,复合选择器*/
16     </style>
17 </head>
18 <body>
19     <!-- <script>
20     window.οnlοad=init;
21     setInterval('init()',1000);
22     function init()
23     {
24        var date = new Date();
25        var year = date.getYear();
26        var month = date.getMonth()+1;
27        if(month<10)month="0"+month;
28        var day = date.getDate();
29        if(day<10)day="0"+day;
30        var hour = date.getHours();
31        if(hour<10)hour="0"+hour;
32        var minute = date.getMinutes();
33        if(minute<10)minute="0"+minute;
34        var second = date.getSeconds();
35        if(second<10)second="0"+second;
36        var dateTime = year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second;
37        document.getElementById("dateTime").value= dateTime;
38     }
39     </script>
40     <input type="text" name="dateTime" readonly> -->
41     <SCRIPT>
42     <!--
43     document.write("<span id='time'></span>")
44     setInterval("time.innerText=new Date().toLocaleString()",1000)
45     //-->
46     </SCRIPT>
47
48
49
50 </body>
51 </html>

window.setInterval的用法与实例
window.setInterval()
功能：按照指定的周期（以毫秒计）来调用函数或计算表达式。
语法：setInterval(code,millisec)

转载于:https://www.cnblogs.com/zzzzw/p/4878417.html

动态的显示当前的时间---setInterval的用法相关推荐

html让时间只展示年月日_如何用html写代码，使得在网页上显示当前的时间和日期...
展开全部在网页62616964757a686964616fe59b9ee7ad9431333363363537中动态的显示日期时间,一般都是使用js来实现,很简单,一看就会. 网页中动态的显示系统日 ...
java实现动态展示当前时间,在文本框中动态地显示当前时间，有木有人做过，指导下初学者...
在文本框中动态地显示当前时间,有木有人做过,指导下菜鸟? 想在两个文本框中,一个动态显示日期,一个动态显示时间. 如下图这样: 不过这是静态的. 虽然网上有动态的代码,但是javascript的. d ...
使用Ajax动态的显示时间
在最初学习Ajax的时候视频中有一个例子是动态的加载服务器端的时间显示在前台页面,当时不懂原理,看着视频敲了一样的代码,就是运行不出结果,现在在项目中遇到了客户的需求就是需要在前台页面动态的显示时间, ...
JavaScript实现动态时钟显示
目录动态时钟显示效果代码实现 1.创建html文件(时钟显示.html) 2.设置html标签 3.设置html标签的CSS样式 4.设置JavaScript 1)创建函数和Date 2)获取da ...
页面显示格式化的时间、倒计时效果、学成在线案例（创建、添加节点）、学生信息表（重点）、5秒钟之后跳转页面（location.href应用）、学生信息表(页面刷新数据不丢失)（重点）——API练习案例
目录 1. 页面显示格式化的时间 2. 倒计时效果 3. 学成在线案例(创建节点.添加节点) 4.学生信息表案例(重点) 5. 5秒钟之后跳转页面(location.href的应用) 6. 学生信息表 ...
四位共阳极数码管显示函数_【项目8-任务10-小组13】利用四位数码管实现动态扫描显示...
学习任务 1.四位数码管的电路结构与显示原理 (什么是位选.什么是段选.共阴与共阳的区别.显示4位数字,需要多少条口线?显示n位数字呢?) 2.Arduino直接连接四位数码管实现四位阿拉伯数字显示 ...
LED数码管动态滚动显示“Hello(HELLO)”
目录 1.视频解说链接 2.代码 3.仿真 4.源码+仿真图+.hex下载地址 1.视频解说链接 51单片机数码管滚动显示"Hello(HELLO)"_哔哩哔哩_bilibili ...
51单片机实现智能手表（秒表功能、读取温度、显示和修改时间日期、设置闹钟、显示星期）
智能手表项目说明硬件设计温度传感器计算温度读取温度定时器中断工作方式定时器配置硬件实物连接软件设计 temp.h temp.c main.c 实验现象与总结项目说明用普中51和 ...
js 实时显示不同时区时间
js 实时显示不同时区时间钟表先讲一个与时间有关"千年虫"事件,千年虫是一种年份只用两位十进制数来处理的程序来处理日期上的bug(计算机程序故障),会引发各种各样的系统功能紊乱, ...
Qt菜单栏、工具栏、状态栏介绍及工具栏action的动态增删显示实现方式
Qt菜单栏.工具栏.状态栏介绍及工具栏action的动态增删显示实现方式版本说明版本作者日期备注 0.1 loon 2018.11.12 初稿目录文章目录 Qt菜单栏.工具栏.状态栏介绍 ...

动态的显示当前的时间---setInterval的用法

动态的显示当前的时间---setInterval的用法相关推荐

最新文章

热门文章