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 相关文章推荐
jQuery 名称冲突的解决方法
Apr 08 Javascript
当自定义数据属性为json格式字符串时jQuery的data api问题探讨
Feb 18 Javascript
js正则表达式的使用详解
Jul 09 Javascript
javascript根据时间生成m位随机数最大13位
Oct 30 Javascript
jquery动感漂浮导航菜单代码分享
Apr 15 Javascript
AngularJS控制器controller正确的通信的方法
Jan 25 Javascript
Bootstrap实现登录校验表单(带验证码)
Jun 23 Javascript
JavaScript中in和hasOwnProperty区别详解
Aug 04 Javascript
详解VUE2.X过滤器的使用方法
Jan 11 Javascript
javascript History对象原理解析
Feb 17 Javascript
利用H5api实现时钟的绘制(javascript)
Sep 13 Javascript
three.js中多线程的使用及性能测试详解
Jan 07 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缓存设计实现代码
2011/09/30 PHP
php文件操作之小型留言本实例
2015/06/20 PHP
基于OpenCart 开发支付宝,财付通,微信支付参数错误问题
2015/10/01 PHP
浅析Yii2 gridview实现批量删除教程
2016/04/22 PHP
PHP将页面中点击数量高的链接进行高亮显示的方法
2016/05/30 PHP
tp5框架使用composer实现日志记录功能示例
2019/01/10 PHP
PHP Swoole异步MySQL客户端实现方法示例
2019/10/24 PHP
Javascript匿名函数的一种应用 代码封装
2010/06/27 Javascript
基于JQuery实现CheckBox全选全不选
2011/06/27 Javascript
关于删除时的提示处理(确定删除吗)
2013/11/03 Javascript
html dom节点操作(获取/修改/添加或删除)
2014/01/23 Javascript
jquery操作 iframe的方法
2014/12/03 Javascript
跟我学习javascript的最新标准ES6
2015/11/20 Javascript
JS中append字符串包含onclick无效传递参数失败的解决方案
2016/12/26 Javascript
基于angular实现模拟微信小程序swiper组件
2017/06/11 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
2017/06/13 Javascript
JQuery常见节点操作实例分析
2019/05/15 jQuery
详解vue-cli@2.x项目迁移日志
2019/06/06 Javascript
vue实现购物车加减
2020/05/30 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
2020/08/25 Javascript
javascript实现数字时钟效果
2021/02/06 Javascript
[06:24]DOTA2 2015国际邀请赛中国区预选赛第二日TOP10
2015/05/27 DOTA
如何运行Python程序的方法
2013/04/21 Python
下载给定网页上图片的方法
2014/02/18 Python
python保存字符串到文件的方法
2015/07/01 Python
在Django的上下文中设置变量的方法
2015/07/20 Python
Python之web模板应用
2017/12/26 Python
tensorflow TFRecords文件的生成和读取的方法
2018/02/06 Python
python-xpath获取html文档的部分内容
2020/03/06 Python
python3 使用ssh隧道连接mysql的操作
2020/12/05 Python
Etam德国:内衣精品店
2019/08/25 全球购物
荷兰照明、灯具和配件网上商店:dmlights
2019/08/25 全球购物
Nº21官方在线商店:numeroventuno.com
2019/09/26 全球购物
广告宣传策划方案
2014/05/21 职场文书
新入职员工工作总结
2015/10/15 职场文书
解决golang post文件时Content-Type出现的问题
2021/05/02 Golang