纯js实现动态时间显示
更新时间：2020年09月07日 13:48:08 作者：开心阳
这篇文章主要为大家详细介绍了纯js实现动态时间显示，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了js动态时间显示 的具体代码，供大家参考，具体内容如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js动态时间显示 </title>
</head>
<body id = "show">
<script>
function run(){
var time = new Date();//获取系统当前时间
var year = time.getFullYear();
var month = time.getMonth()+1;
var date= time.getDate();//系统时间月份中的日
var day = time.getDay();//系统时间中的星期值
var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var week = weeks[day];//显示为星期几
var hour = time.getHours();
var minutes = time.getMinutes();
var seconds = time.getSeconds();
console.log(seconds);
if(month<10){
month = "0"+month;
}
if(date<10){
date = "0"+date;
}
if(hour<10){
hour = "0"+hour;
}
if(minutes<10){
minutes = "0"+minutes;
}
if(seconds<10){
seconds = "0"+seconds;
}
//var newDate = year+"年"+month+"月"+date+"日"+week+hour+":"+minutes+":"+seconds;
document.getElementById("show").innerHTML = year+"年"+month+"月"+date+"日"+week+hour+":"+minutes+":"+seconds;
setTimeout('run()',1000);
}
run();
</script>
</body>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
每天一对象,今天我们也来new一个。没有系统的学过JS，没有特别的写过一个比较出色的类库，没有运用过一个很强的类库，prototype.js在进行着，慢慢的前进相信不久的将来就可以应用prototype.js来开发自己的应用程序了。2011-01-01
一个不用onmouseup的拖动函数...2007-05-05
这篇文章主要介绍了微信小程序的线程架构，每个小程序包含一个描述整体程序的app实例和多个描述页面的page，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-05-05
js中 new Date().getTime()得到的是毫秒数时间戳
今天在写一个函数的时候需要用的一个时间戳方便调用不同的随机数 那么时间戳就是比较好的方式，主要怕浏览器缓存数据，下面就为大家简单介绍一下2023-07-07
这篇文章主要介绍了Bootstrap学习笔记之图片基本样式的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
JavaScript面试中常考的字符串操作方法大全(包含ES6)
对于JavaScript字符串操作方法，你真的全部掌握了吗？来看看这篇面试中常考的字符串操作大全，包含最新的ES6字符串操作方法，值得收藏哦2020-05-05
这篇文章主要介绍了在遇到数据或逻辑未成功更新问题时,如何通过刷新页面、设置、清除缓存等方法进行解决,文中通过图文将各种情况下清空缓存的方案介绍的非常详细,需要的朋友可以参考下2025-02-02
element 中 el-menu 组件的无限极循环思路代码详解
这篇文章主要介绍了element 中 el-menu 组件的无限极循环,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-04-04
这篇文章主要介绍了浅谈javascript事件取消和阻止冒泡的方法和示例，有需要的小伙伴可以参考下。2015-05-05
之前发了不少了去除字符串空格的代码，但都是去除开始与结尾的，下面的这段代码可以去除中间的。2009-08-08
最新评论