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
时间

百度地图给map添加右键菜单（判断是否为marker）
这篇文章主要介绍了百度地图给map添加右键菜单（判断是否为marker）的相关资料,需要的朋友可以参考下
2016-03-03
js实现漂浮回顶部按钮实例
这篇文章主要介绍了js实现漂浮回顶部按钮的方法,实例分析了javascript实现返回顶部功能的样式与动态实现技巧,非常具有实用价值,需要的朋友可以参考下
2015-05-05
微信小程序tabBar用法实例详解
这篇文章主要介绍了微信小程序tabBar用法,结合实例形式详细分析了微信小程序中tabBar的功能、配置项使用方法与操作注意事项,并附带完整demo源码供读者下载参考,需要的朋友可以参考下
2017-12-12
JS实现用户注册时获取短信验证码和倒计时功能
在用户注册时，通常需要短信验证码，而且为了交互效果，也需要增加倒计时。该如何实现获取验证码倒计时功能呢？下面小编给大家分享JS实现用户注册时获取短信验证码和倒计时的代码，一起看看吧
2016-10-10
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关
一个很棒的 blog 文章，是 PPK 两年前写的，文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。
2010-02-02
Javascript快速实现浏览器系统通知
这篇文章给大家介绍了Javascript快速实现浏览器系统通知的方法，非常不错，具有参考借鉴价值，需要的朋友参考下吧
2017-08-08
javascript数据结构之双链表插入排序实例详解
这篇文章主要介绍了javascript数据结构之双链表插入排序实现方法,较为详细的分析了插入排序的原理及双链表插入排序的实现技巧,对于学习JavaScript数据结构具有一定参考借鉴价值,需要的朋友可以参考下
2015-11-11
微信小程序实现播放音频功能
这篇文章主要为大家详细介绍了微信小程序实现播放音频功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
理解JavaScript设计模式中的建造者模式
这篇文章主要介绍了理解JavaScript设计模式中的建造者模式,文章基于JavaScript的相关资料展开箱子内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下
2022-04-04
nuxt+axios实现打包后动态修改请求地址的方法
这篇文章主要介绍了nuxt+axios实现打包后动态修改请求地址的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-04-04

js实现动态显示时间效果

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具