【JavaScript】一个同步于本地时间的动态时间
2024-10-20 05:20:29
这样例很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字符串的内容更新一次。
最新文章
- 判断一个类到底是从哪个jar包中调用的工具类
- .gitignore
- 设计模式C#实现(五)——抽象工厂模式
- 简单讨论数据类型(byte)强制转化后的数值变化规律
- ubuntu删除openjdk,安装 Sun JDK
- 单线多拨,傻瓜式openwrt单线多拨叠加速率教程
- 让Java的反射跑快点
- Device Mapper Multipath(DM-Multipath)
- VMware10不能安装64位(linux)系统,提示此主机支持 Intel VT-x,但 Intel VT-x 处于禁用状态
- 网络基础Cisco路由交换一
- Flipping Parentheses~Gym 100803G
- Python--day05(数字、字符串、列表)
- Python注释、变量、常量
- [转]Centos 7搭建Gitlab服务器超详细
- MQTT研究之EMQ:【基础研究】
- 5、Linux-Mac配置环境变量
- acm 比赛模板
- 【转】修改Android解锁界面
- 【Unity笔记】摄像机、图片的模糊处理
- rac数据库单连接报错ora-12537解决办法
热门文章
- HDU 4662 MU Puzzle (2013多校6 1008 水题)
- threadlocal彻底理解,深刻
- iOS中TextView显示HTML文本
- HTML 标签的 enctype 属性
- python 调试模式pdb(转)
- shadow mapping实现动态shadow实现记录 【转】
- jQuery-实现全选与反选
- java HashMap,LinkedHashMap,TreeMap应用
- Geeks - Check whether a given graph is Bipartite or not 二分图检查
- 解析PHP中如何将数组变量写入文件