用原生javascript实现在页面动态显示时间

Posted 嘿熊

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用原生javascript实现在页面动态显示时间相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js demo1</title>
</head>
<body>
<script src="cLanguage.js"> 

var t = null;
t = setTimeout(time,1000);
function time(){
clearTimeout(t);
dt = new Date();
var h = dt.getHours();
var m = dt.getMinutes();
var s = dt.getSeconds();
document.getElementById("timeShow").innerHTML="现在的时间:" + h + "时" + m + "分" + s + "秒";
t = setTimeout(time,1000);
}

</script>
<label id="timeShow"></lable>
</body>
</html>

以上是关于用原生javascript实现在页面动态显示时间的主要内容,如果未能解决你的问题,请参考以下文章

javascript基础01

JavaScript初探之——图片移动

JavaScript案例三:动态显示时间

javascript入门

用原生的javascript 实现一个无限滚动的轮播图

怎么让 echarts 图表动起来?定时器解决它 —— 大屏展示案例(动态仪表盘动态柱状图)