JavaScript

2024-04-27 15:14:56

字体：大中小

来源：转载

供稿：网友

利用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表示iddocument.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><script type="text/javascript" src="setClock.js"></script></head><body onload="showLeftTime()"><div><label id="show1">显示时间的位置</label></div></body></html>

只需要新建一个文件夹，在文件夹中新建一个js文件，然后再HTML文件的head标签中用代码

调用setClock.js文件，如果文件不在根目录下，需要写上完整的文件位置eg：src=”test/setHomeSetFav.js”

上一篇：校验前端输入框输入字符是否合法

下一篇：javascript学习之 function类型（28）——function类型 this应用