js实现动态显示时间效果

更新时间：2017年03月06日 10:41:09 作者：1656767132

本文主要介绍了js实现动态显示时间效果的实例，具有很好的参考价值。下面跟着小编一起来看下吧

话不多说，请看代码：

<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>时间显示器</title>  
</head> 
<body>
    <div id="d"></div> 
    <script type="text/javascript"> 
        var nowTime ;
        function play(){
        var time = new Date();
        nowTime = time.getFullYear()+"年"+time.getMonth()+"月"+time.getDate()+"日"+time.getHours()+"时"+time.getMinutes()+"分"+time.getSeconds()+"秒";
        document.getElementById("d").innerHTML = nowTime;
        }
        setInterval(play,1000);
    </script>     
</body> 
</html>

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！

您可能感兴趣的文章:

js
时间

原生JS封装vue Tab切换效果
这篇文章主要为大家详细介绍了原生JS封装vue Tab切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-04-04
Django 中的templates使用示例详解
Django模板系统提供了一套丰富的工具集,能够帮助开发者将动态数据有效地渲染到HTML页面中,它通过特殊的语法支持变量插入、逻辑标签和过滤器的使用,本文给大家介绍Django 中的templates使用,感兴趣的朋友一起看看吧
2024-10-10
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
这篇文章主要给大家介绍了关于Bootstrap开发中Tab标签页切换图表显示问题的解决方法，文中通过图文以及示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2018-07-07
一看就懂的i++和++i示例代码详解
这篇文章主要介绍了i++和++i区别详解,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2023-03-03
三种带箭头提示框总结实例
这篇文章主要介绍了三种带箭头提示框总结实例的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-06-06
JavaScript中的普通函数和箭头函数的区别和用法详解
这篇文章主要介绍了JavaScript中的普通函数和箭头函数的区别和用法详解,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-03-03
javascript中with()方法的语法格式及使用
有了 With 语句，在存取对象属性和方法时就不用重复指定参考对象，下面为大家介绍下With 语句的语法格式及使用
2014-08-08
详解javascript常用工具类的封装
本篇文章主要给大家详细分析了javascript常用工具类的封装相关知识点，有兴趣的朋友参考下吧。
2018-01-01
js如何取消事件冒泡
事件冒泡是什么意思这里就不为大家一一赘述了，下面为大家讲解的是js中如何取消事件冒泡，感兴趣的朋友可以参考下
2013-09-09
JavaScript中Function与Object的关系
本文主要介绍了JavaScript中Function与Object的关系，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-05-05

js实现动态显示时间效果

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具