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解决ie6不支持max-width,max-height问题的方法
Jan 02 Javascript
JavaScript学习笔记之JS函数
Jan 22 Javascript
Javascript 拖拽雏形(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
JavaScript中数据结构与算法(二):队列
Jun 19 Javascript
用JavaScript实现PHP的urlencode与urldecode函数
Aug 13 Javascript
跟我学习javascript的var预解析与函数声明提升
Nov 16 Javascript
Eclipse引入jquery报错如何解决
Dec 01 Javascript
javascript动态获取登录时间和在线时长
Feb 25 Javascript
js中最容易被忽视的事件问题大总结
May 15 Javascript
JS与jQuery实现隔行变色的方法
Sep 09 Javascript
js格式化时间的简单实例
Nov 27 Javascript
JavaScript定时器实现的原理分析
Dec 06 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
php求今天、昨天、明天时间戳的简单实现方法
2016/07/28 PHP
php版微信自动登录并获取昵称的方法
2016/09/23 PHP
PHP+MariaDB数据库操作基本技巧备忘总结
2018/05/21 PHP
动态的绑定事件addEventListener方法的使用
2014/01/24 Javascript
加随机数引入脚本不让浏览器读取缓存
2014/09/04 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
2014/09/29 Javascript
基于jQuery实现的仿百度首页滑动选项卡效果代码
2015/11/16 Javascript
html+js+highcharts绘制圆饼图表的简单实例
2016/08/04 Javascript
Vue数据驱动模拟实现3
2017/01/11 Javascript
javascript 动态生成css代码的两种方法
2017/03/17 Javascript
JS判断一个数是否是水仙花数
2017/06/11 Javascript
Angularjs自定义指令实现分页插件(DEMO)
2017/09/16 Javascript
详解layui中的树形关于取值传值问题
2018/01/16 Javascript
浅谈Node 调试工具入门教程
2018/03/20 Javascript
解决vue移动端适配问题
2018/12/12 Javascript
Vue Extends 扩展选项用法完整实例
2019/09/17 Javascript
[02:55]含熏伴清风,风行者至宝、屠夫身心及典藏宝瓶二展示
2020/09/08 DOTA
Python冒泡排序注意要点实例详解
2016/09/09 Python
Python科学计算之NumPy入门教程
2017/01/15 Python
python通过http下载文件的方法详解
2019/07/26 Python
Python新手如何理解循环加载模块
2020/05/29 Python
用python写爬虫简单吗
2020/07/28 Python
html5服务器推送_动力节点Java学院整理
2017/07/12 HTML / CSS
罗德与泰勒百货官网:Lord & Taylor
2016/08/12 全球购物
Anthropologie英国:美国家喻户晓的休闲服装和家居产品品牌
2018/12/05 全球购物
LACOSTE波兰官网:Polo衫、服装和鞋类
2020/09/29 全球购物
string = null 和string = ''的区别
2013/04/28 面试题
法律专业自我鉴定
2013/10/03 职场文书
上班玩游戏检讨书
2014/02/07 职场文书
超市仓管员岗位职责
2014/04/07 职场文书
新闻学专业求职信
2014/07/28 职场文书
查摆问题自我剖析材料
2014/08/18 职场文书
党员四风问题个人对照检查材料
2014/10/26 职场文书
民事起诉状范文
2015/05/19 职场文书
信仰纪录片观后感
2015/06/08 职场文书
MySQL kill不掉线程的原因
2021/05/07 MySQL