文档章节

在网页中使用JS动态显示时间

雨醉风尘
 雨醉风尘
发布于 2015/08/25 22:47
字数 237
阅读 850
收藏 2
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
    div{width:300px;
        height:50px;
        line-height: 50px;
        border:0px solid red;
        background: aqua;
        margin: 0 auto;
        font-size: 20px;
        color: white;
        font-weight: blod;
        text-align: center;
       }
</style>
</head>
<body>
<div id="divid"></div>
<script type="text/javascript">
var divobj=document.getElementById('divid');
//定时器的用法
setInterval("settime()",1000);   //每秒
function settime(){
var node = new Date();
var y=node.getFullYear();
var m=(node.getMonth()+1);
var d=node.getDate();
var h=node.getHours();
var i=node.getMinutes();
var s=node.getSeconds();
var time=(y+"-"+m+"-"+d+" "+h+":"+i+":"+s);
var divVal=divobj.innerHTML=time;
}
</script>
</body>
</html>
<script type="text/javascript">
var divobj=document.getElementById('divid');
//定时器的用法
setInterval("settime()",1000);   //每秒
function settime(){
var node = new Date();
var time=node.toLocaleString();
var divVal=divobj.innerHTML=time;
}
</script>

//***************************************************************************

<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
     function clock(){
     var time=new Date();
     HH=time.getHours();
     if(HH<10){
     HH="0"+HH;
     }
     MM=time.getMinutes();
     if(MM<10){
     MM="0"+MM;
     }
     SS=time.getSeconds();
     if(SS<10){
     SS="0"+SS;
     }
     var nodetime=HH+":"+MM+":"+SS;
     document.getElementById('hid').innerHTML=nodetime;
     }
     var i=setInterval("clock()",100);
     function start(){
      i=setInterval("clock()",100);
     }
</script>
</head>
<body>
<h1 id="hid"></h1>
<button value="开始" onclick="start()">开始</button>
<button value="结束" onclick="clearInterval(i)">结束</button>
</body>
</html>


© 著作权归作者所有

雨醉风尘
粉丝 3
博文 106
码字总数 23692
作品 0
海淀
程序员
私信 提问
BigPipe:高性能的“流水线技术”网页

原文地址:http://www.facebook.com/note.php?note_id=389414033919 译文地址:http://isd.tencent.com/?p=2419 作者:蒋长浩 Facebook的网站速度做为最关键的公司任务之一。在2009年,我们成...

晨曦之光
2012/03/09
134
0
高性能Javascript--脚本的无阻塞加载策略

Javascript在浏览器中的性能,可以说是前端开发者所要面对的最重要的可用性问题。 在Yahoo的Yslow23条规则当中,其中一条是将JS放在底部 。原因是,事实上,大多数浏览器使用单进程处理UI和更...

Junn
2014/10/10
347
2
BigPipe 学习研究

文章转自:http://www.searchtb.com/2011/04/an-introduction-to-bigpipe.html 1. 技术背景 FaceBook页面加载技术 试想这样一个场景,一个经常访问的网站,每次打开它的页面都要要花费6 秒;...

红薯
2011/07/08
1K
3
JavaScript的基本使用

一、JavaScript的简单介绍   JavaScript是一种属于网络的脚本语言(简称JS),已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaS...

码农47
2018/03/15
0
0
java抓取动态生成的网页--吐槽

最近在做项目的时候有一个需求:从网页面抓取数据,要求是首先抓取整个网页的html源码(后期更新要使用到)。刚开始一看这个简单,然后就稀里哗啦的敲起了代码(在这之前使用过Hadoop平台的分...

开源oschina
2014/10/16
576
0

没有更多内容

加载失败,请刷新页面

加载更多

安全组和云防火墙的区别

前言 熟悉云平台的朋友可能都会注意到这样一个事情:无论公有云还是私有云,创建虚拟机的时候都需要选择安全组,来对虚拟机进行安全防护;有的云平台在VPC里,还能选择防火墙,ZStack在3.6版...

ZStack社区版
40分钟前
3
0
教育性app开发的重要性和好处

在这个精通技术的世界中,流行的app主导着无聊的教育系统。当我们将技术和教育结合在一起时,它将带来当代以及强大的学习资源。因此,将教育移动app集成到您的学习过程中,并根据自己的信念把...

a429011717
41分钟前
4
0
IE6/7/8如何兼容CSS3属性

本文转载于:专业的前端网站➩IE6/7/8如何兼容CSS3属性 最近在工作中总是要求IE8兼容CSS3属性,在网上搜了搜主要是引入了一个htc文件(ie-css3.htc或者PIE.htc。个人认为这两个文件的作用差不...

前端老手
56分钟前
5
0
手把手教你ALLEGRO的约束规则的设置教程!

约束规则的设置 分三步, 定义规则(一、基本约束规则设置:1、线间距设置;2、线宽设置;3、设置过孔;4、区域约束规则设置;5、设置阻抗;6、设置走线的长度范围;7、设置等长:7.1、不过电阻的NET 等...

demyar
58分钟前
5
0
完美解决H5滚动滑动穿透方案:不使用系统滚动

网上有很多黑科技解决这个问题,都不是从根本去解决,例如通过js控制弹出时html加上position:fixed; 弹窗关闭后再去掉该样式,总觉得不太对,像是打补丁。 今天终于找到了滚动穿透的原因和完...

未来cc
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部