动态的显示当前的时间---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.onload=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)

时间: 2024-11-06 15:30:40

动态的显示当前的时间---setInterval的用法的相关文章

jsp页面动态的显示当前系统的时间

1 <html> 2 <head> 3 <title>动态显示当前系统时间</title> 4 </head> 5 <body> 6 <div id=Clock align=center></div> 7 <script> 8 function tick(){ 9 var today=new Date(); 10 timeString=today.toLocaleString(); 11 Clock

使用Visifire+ArcGIS API for Silverlight实现Graphic信息的动态图表显示

原文:使用Visifire+ArcGIS API for Silverlight实现Graphic信息的动态图表显示 首先来看一看实现的效果: PS:原始的程序中更新曲线数据时添加了过渡的效果,具体可查看官网的示例: http://www.visifire.com/silverlight_spline_charts_gallery.php 点击其中的一个例子,然后点击Live Updates,就可看到数据更新时的过渡效果.但是蛋疼的博客园,不知道为什么,我插入了我原始的xap文件,过渡效果却没有

JavaScript的日期对象显示当前日期和时间

题目解析: 使用JavaScript的日期对象显示当前日期和时间,先用new Date()来定义一个时间oDate对象,再根据oDate对象来获取年月日和时分秒的值: var oDate=new Date();var oYear=oDate.getFullYear();获取当年的年份var oMonth=oDate.getMonth()+1;获取当月的月份var oDay=oDate.getDate();获取当日的日期var oHours=oDate.getHours();获取当天的小时var

使用js实现显示系统当前时间并实现倒计时功能并触发模态框(遮罩)功能

常常在我们的网页中需要倒计时来触发一些函数,例如遮罩等,在本项目中,通过使用jquery,bootstrap,实现了显示系统当前时间,并且实现了倒计时的功能,倒计时实现后将会弹出模态框(遮罩层).模态框界面友好,使用灵活,以弹出对话框的形式出现.具体见下图1: 项目源文件地址:https://github.com/zhangxy1035/Countdown 参考资料:http://v3.bootcss.com/javascript/#modals 图1: 关于倒计时函数如下: 1 var tim

linux中显示/设置系统时间

date   显示/设置 系统时间 +某个格式 以某种格式显示日期 格式: +%F  2017-08-20  ====== +%Y-%m-%d +%w 显示周几  0 周日  1-6 周一到周六 +%T  时:分:秒     ====== +%H:%M:%S -d  按照你的描述显示日期 -d "1day"    1天之后  ==== +1day -d "-1day"   1天之前 -s修改系统的时间 1.1 修改系统时间的命令 ntpdatepool.ntp.or

依据不同区时显示对应的时间

如今项目基本上告一段落了,难得有一定的闲暇,今天利用数小时完毕了一个功能模块--依据不同区时显示对应的时间,这方面网上基本没有现成的样例,如今将代码粘贴例如以下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">        <html>                <head>                        <meta http-equiv=&qu

php 显示某一个时间相当于当前时间在多少秒前,多少分钟前,多少小时前

/* *function:显示某一个时间相当于当前时间在多少秒前,多少分钟前,多少小时前 *timeInt:unix time时间戳 *format:时间显示格式 */ public function timeFormat($timeInt,$format='Y-m-d H:i:s'){ if(empty($timeInt)||!is_numeric($timeInt)||!$timeInt){ return ''; } $d=time()-$timeInt; if($d<0){ return

wpf 窗体中显示当前系统时间

先看一下效果: 这其实是我放置了两个TextBlock,上面显示当前的日期,下面显示时间. 接下来展示一下代码: 在XAML中: <StackPanel Width="205"                    Margin="0,0,57,0"                    HorizontalAlignment="Right">            <TextBlock Height="Auto&qu

QlikView显示所选时间前一年的数据

客户常常提出这种需求,当用户选择某一时间时.图表中显示所选时间之前一年的数据.以下是我的方法.如有不当,请多不吝赐教: 数据准备例如以下所看到的: SalesData: LOAD Num(ID) as ID, Date(Date) as Date, Month, Num(Year) as Year, Num(Sales) as Sales Inline [ ID, Date, Month, Year, Sales 1, 2012-1-1, 2012-1, 2012, 20 2, 2012-1-1