zoukankan      html  css  js  c++  java
  • 【JavaScript】一个同步于本地时间的动态时间

    这样例很easy。了解JavaScript之后就是几行的代码便可以完毕的事情。

    可是对于一些未接触过JavaScript的人来说,差点儿非常大project的样子。然后在网上苦苦寻觅代码,之后在茫茫的html代码中寻求不到,终于得不到要领。


    一、基本目标


    实现一个随同client(浏览者机器上的)时间的网页文本时间。使用最短的代码。


    二、制作过程

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    	<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    		<title>jsclock</title>
    	</head>
    	<body>
    		<script type="text/javascript">
    		function clock() {
    			var time = new Date().toLocaleString();
    			document.getElementById("clock").innerHTML = time;
    		}
    		setInterval("clock()", 1000);
    		</script>
    		<span id="clock"></span>
    	</body>
    </html>
    

    1.Date对象假设使用没有參数的构造函数,就会返回client的时间,toLocaleString()方法就是把时间转化成本地显示时间的格式,假设不过toString()方法则只把时间转化成一个英语写法的时间字符串。同一时候,亲自实现发现toLocaleTimeString()方法是不存在的。请不要折腾。

    假设对于系统自带的方法转化出来的时间不惬意,请使用各类的getDay(),getMonth(),getFullYear()等方法去构造字符串。

    再次不作展示。


    2.innerHTML相当于id为clock其下的全部元素,document.getElementById("clock").innerHTML = time;一句的含义就把<span id="clock"></span>两标签中所夹的东西变为time字符串的内容


    3.本JavaScript的关键在于setInterval("clock()", 1000);函数,意思为每1000毫秒。也就是每1秒,把clock()函数运行一次。

    也就是每一秒把<span id="clock"></span>两标签中所夹的东西变为time字符串的内容更新一次。

  • 相关阅读:
    VIVADO固化
    Keil MDK 编译器 AC5 和 AC6 优化选项重要内容和区别
    STM32时钟
    STlink/v2中SWD模式连线方式
    搭载M33内核,支持最新蓝牙5.1,晚到的DA1469x生正逢时
    超全国内外蓝牙芯片原厂总结(含芯片型号)
    芯片封装类型大全
    国务院办公厅关于2012年部分节假日安排的通知
    美国摇滚乐队Metro致敬黄家驹,全粤语翻唱Beyond经典《海阔天空》
    国务院办公厅发布2010年部分节假日安排通知
  • 原文地址:https://www.cnblogs.com/jhcelue/p/6770201.html
Copyright © 2011-2022 走看看