javascript实现日期时间动态显示示例代码

前端技术 2023/09/01 JavaScript

废话不多说，直接上代码：

<!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 runat=\"server\"> 
 <title></title> 
</head> 
<body> 
 <form id=\"form1\" runat=\"server\"> 
 <div> 
 <script type=\"text/javascript\"> 
  document.write(\"<span id=lblTime width=\'118px\' height=\'11px\' Font-Size=\'9pt\' style=\'color:Red\' ></span>\") //输出显示日期的容器 
  //每1000毫秒(即1秒) 执行一次本段代码 
  setInterval(\"lblTime.innerText=new Date().toLocaleString()\", 1000) 
</script> 
 </div> 
 </form> 
</body> 
</html>

还有运行效果图：

是不是很简单，这是最基础的页面动态显示时间变化的方法，大家可以在这个基础上进行创新，添加一些样式进去，希望本文对大家熟练掌握javascript实现日期时间动态显示有所帮助。

本文地址：https://www.stayed.cn/item/1834

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案