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 相关文章推荐
很酷的javascript loading效果代码
Jun 18 Javascript
javascript得到XML某节点的子节点个数的脚本
Oct 11 Javascript
jQuery使用之设置元素样式用法实例
Jan 19 Javascript
jQuery插件EnPlaceholder实现输入框提示文字
Jun 05 Javascript
jQuery点击按钮弹出遮罩层且内容居中特效
Dec 14 Javascript
如何处理JSON中的特殊字符
Nov 30 Javascript
原生Javascript插件开发实践
Jan 09 Javascript
jQuery代码实现实时获取时间
Jan 29 Javascript
Bootstrap DateTime Picker日历控件简单应用
Mar 25 Javascript
easyui简介_动力节点Java学院整理
Jul 14 Javascript
解决在layer.open中使用时间控件laydate失败的问题
Sep 11 Javascript
JS实现TITLE悬停长久显示效果完整示例
Feb 11 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
NT IIS下用ODBC连接数据库
2006/10/09 PHP
Php中用PDO查询Mysql来避免SQL注入风险的方法
2013/04/25 PHP
深入分析php中接口与抽象类的区别
2013/06/08 PHP
PHP伪静态Rewrite设置之APACHE篇
2014/07/30 PHP
PHP explode()函数的几个应用和implode()函数有什么区别
2015/11/05 PHP
PHP中函数gzuncompress无法使用的解决方法
2017/03/02 PHP
在JavaScript中遭遇级联表达式陷阱
2007/03/08 Javascript
对JavaScript的eval()中使用函数的进一步讨论
2008/07/26 Javascript
CSS(js)限制页面显示的文本字符长度
2012/12/27 Javascript
js 加密压缩出现bug解决方案
2014/11/25 Javascript
jquery+html5烂漫爱心表白动画代码分享
2015/08/24 Javascript
打造自己的jQuery插件入门教程
2016/09/23 Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
2016/12/14 Javascript
微信小程序 常用工具类详解及实例
2017/02/15 Javascript
JS实现电商放大镜效果
2017/08/24 Javascript
详解Vue双向数据绑定原理解析
2017/09/11 Javascript
NestJs 静态目录配置详解
2019/03/12 Javascript
让mocha支持ES6模块的方法实现
2020/01/14 Javascript
element 中 el-menu 组件的无限极循环思路代码详解
2020/04/26 Javascript
解决await在forEach中不起作用的问题
2021/02/25 Javascript
[01:04:05]VG vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
[43:41]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
python类继承用法实例分析
2014/10/10 Python
Python实现简易版的Web服务器(推荐)
2018/01/29 Python
Python docx库用法示例分析
2019/02/16 Python
flask 实现上传图片并缩放作为头像的例子
2020/01/09 Python
基于打开pycharm有带图片md文件卡死问题的解决
2020/04/24 Python
Python sublime安装及配置过程详解
2020/06/29 Python
快速了解Python开发环境Spyder
2020/06/29 Python
HTML5实现表单自动验证功能实例代码
2017/01/11 HTML / CSS
Canvas 文本转粒子效果的实现代码
2019/02/14 HTML / CSS
详解HTML5 录音的踩坑之旅
2017/12/26 HTML / CSS
iframe跨域的几种常用方法
2019/11/11 HTML / CSS
L’Artisan Parfumeur官网:法国香水品牌
2020/08/11 全球购物
医药学专业大学生职业生涯规划书论文
2014/01/21 职场文书
模具数控专业自荐信
2014/01/27 职场文书