首页 > 代码库 > 动态显示时间案例
动态显示时间案例
步骤
1、得到当前时间
2、需要让页面每一秒获取时间 setInterval方法
3、显示到页面上 innerHTML属性
<html>
<head>
<title>Html示例</title>
<style type="text/css">
</style>
</head>
<body>
<div id ="times">
</div>
<script type ="text/javascript">
function getD1() {
var date = new Date();
var d1=date.toLocaleString(); //把日期格式化，转换成当前格式
var div1= document.getElementById("times");
div1.innerHTML=d1; //向标签里面设置内容
}
setInterval("getD1();",1000);
</script>
</body>
</html>
结果显示为
时间会自己变动
动态显示时间案例
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。