js实现动态显示时间效果


Posted in Javascript onMarch 06, 2017

话不多说,请看代码:

<!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>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
初学js插入节点appendChild insertBefore使用方法
Jul 04 Javascript
表单类各种类型(文本框)失去焦点效果jquery代码
Apr 26 Javascript
Javascript浅谈之this
Dec 17 Javascript
jQuery中is()方法用法实例
Jan 06 Javascript
javascript实现回到顶部特效
May 06 Javascript
JS封装cookie操作函数实例(设置、读取、删除)
Nov 17 Javascript
JS动态插入并立即执行回调函数的方法
Apr 21 Javascript
基于JS实现textarea中获取动态剩余字数的方法
May 25 Javascript
Angular 输入框实现自定义验证功能
Feb 19 Javascript
JS奇技之利用scroll来监听resize详解
Jun 15 Javascript
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
Sep 15 Javascript
vue动画效果实现方法示例
Mar 18 Javascript
jQuery实现 上升、下降、删除、添加一行代码
Mar 06 #Javascript
Node.js使用NodeMailer发送邮件实例代码
Mar 06 #Javascript
js eval函数使用,js对象和字符串互转实例
Mar 06 #Javascript
js实现4个方向滚动的球
Mar 06 #Javascript
Bootstrap输入框组件简单实现代码
Mar 06 #Javascript
原生JS实现圣旨卷轴展开效果
Mar 06 #Javascript
js中setTimeout的妙用--防止循环超时
Mar 06 #Javascript
You might like
解析array splice的移除数组中指定键的值,返回一个新的数组
2013/07/02 PHP
php简单定时执行任务的实现方法
2015/02/23 PHP
CodeIgniter与PHP5.6的兼容问题
2015/07/16 PHP
用js实现小球的自由移动代码
2013/04/22 Javascript
用js实现in_array的方法
2013/11/05 Javascript
js操作模态窗口及父子窗口间相互传值示例
2014/06/09 Javascript
javascript实现字符串反转的方法
2015/02/05 Javascript
JavaScript中的some()方法使用详解
2015/06/09 Javascript
JavaScript动态设置div的样式的方法
2015/12/26 Javascript
jQuery简单实现上下,左右滑动的方法
2016/06/01 Javascript
浅谈JavaScript中面向对象的的深拷贝和浅拷贝
2016/08/01 Javascript
走进AngularJs之过滤器(filter)详解
2017/02/17 Javascript
浅谈react.js 之 批量添加与删除功能
2017/04/17 Javascript
原生JS实现图片网格式渐显、渐隐效果
2017/06/05 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
2017/06/18 Javascript
基于vue开发的在线付费课程应用过程
2018/01/25 Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
2019/05/20 Javascript
vue实现按需加载组件及异步组件功能
2019/05/27 Javascript
Element Badge标记的使用方法
2020/07/27 Javascript
[03:45]Newbee战队出征西雅图 决战2016国际邀请赛
2016/08/02 DOTA
剖析Python的Twisted框架的核心特性
2016/05/25 Python
Python实现的凯撒密码算法示例
2018/04/12 Python
python2 与 python3 实现共存的方法
2018/07/12 Python
Python实现二叉树的常见遍历操作总结【7种方法】
2019/03/06 Python
python中用logging实现日志滚动和过期日志删除功能
2019/08/20 Python
彻底搞懂python 迭代器和生成器
2020/09/07 Python
pycharm 配置svn的图文教程(手把手教你)
2021/01/15 Python
NBA欧洲商店(法国):NBA Europe Store FR
2016/10/19 全球购物
定制别致的瑜伽垫:Sugarmat
2019/06/21 全球购物
办理生育手续介绍信
2014/01/14 职场文书
2014年国庆晚会主持词
2014/09/19 职场文书
画展邀请函
2015/01/31 职场文书
2016教师廉洁教育心得体会
2016/01/13 职场文书
golang中的并发和并行
2021/05/08 Golang
一文搞懂Redis中String数据类型
2022/04/03 Redis
如何让你的Nginx支持分布式追踪详解
2022/07/07 Servers