JavaScript
2017-02-08 16:33
246 查看
利用js函数在HTML中显示时间
js代码
var initializationTime=(new Date()).getTime(); function showLeftTime() { var now=new Date(); /*如果使用getYear这个方法会导致获取的年份出错 */ var year=now.getFullYear(); var month=now.getMonth(); var day=now.getDate(); var hours=now.getHours(); var minutes=now.getMinutes(); var seconds=now.getSeconds(); //show1表示id document.all.show1.innerHTML="系统时间:"+year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+""; //一秒刷新一次显示时间 var timeID=setTimeout(showLeftTime,1000); }
HTML代码
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>系统时间</title> <!-- 下面的一行代码用于调用js文件,显示时间--> <script type="text/javascript" src="setClock.js"></script> </head> <body onload="showLeftTime()"> <div> <!--/*id用于调用js函数*/--> <label id="show1">显示时间的位置</label> </div> </body> </html>
只需要新建一个文件夹,在文件夹中新建一个js文件,然后再HTML文件的head标签中用代码
<script type="text/javascript" src="setClock.js"></script>
调用setClock.js文件,如果文件不在根目录下,需要写上完整的文件位置eg:src=”test/setHomeSetFav.js”
相关文章推荐
- 如何实现JS函数的重载
- js获取地址栏中传递的参数(两种方法)
- 先记录一下转化json特殊处理
- javascript基础(DOM查询)(二十六)
- [笔记]在HTML中使用JavaScript
- javascript基础(DOM对象概述,事件,文档加载)(二十五)
- Javascript闭包
- JSP笔记
- JSP笔记
- (javascript进阶) 运算符“||”和“&&”的巧妙用法
- javascript基础(正则表达式)(二十四)
- javascript基础(包装类和字符串相关的方法)(二十三)
- jsonp 的原理和使用
- javascript基础(Math对象)(二十二)
- 封装html代码块到js函数中
- JS语言中的JSON.parse()和JSON.stringify()
- 基于javascript实现页面加载loading动画
- javascript基础(Date对象)(二十一)
- understand webpack part 1
- 在线浏览PDF之PDF.JS (附demo)