使用JavaScript实现时间的走向

我不是女神ヾ 2022-09-07 14:36 121阅读 0赞

### **大家好鸭！！！** ###

现在看一眼运用Js和定时器来实现时间的管理。

<script text="/javascript">
            // 用js来写时间走向
            var nowTime;
            function app() {
                var data = new Date();
                nowTime = data.getFullYear() + '年' + data.getMonth() + '月' + data.getDate() + '日' +
                    data.getHours() + '时' + data.getMinutes() + '分' + data.getSeconds() + '秒';
                document.getElementById('app').innerHTML = nowTime;
            }
            setInterval(app, 1000);
    <script>

声明一个 data 的变量，将 new Data() 的值赋给 data身上。

> var data = new Date();

年 的关键字~~~

> getFullYear()

月 的关键字~~~

>  getMonth()

日 的关键字~~~

> getDate()

时 的关键字~~~

> getHours()

分 的关键字~~~

>  getMinutes()

秒 的关键字~~~

>  getSeconds()

使用关键字的 setInterval  的定时器

> setInterval(app, 1000);

将写好的时间的值赋给setInterval(app, 1000);，以毫秒值进行时间的走向，1000=1秒！

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81MjU1NTc2Mw_size_16_color_FFFFFF_t_70][]

以上就是效果，因为引入不了视频（自己不太会），就这样吧~~谢谢大家~

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81MjU1NTc2Mw_size_16_color_FFFFFF_t_70]: /images/20220829/a027c4f3d4fb47849012a5da607a3827.png

发表评论取消回复

表情：

评论列表（有 0 条评论，121人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript下拉列表和周期函数实现网页时间刷新和时间暂停-----JavaScript

> <!DOCTYPE html> >  > <html lang="en" id="myHtml"> >

分手后的思念是犯贱/ 2024年02月19日 11:01/ 0 赞/ 9 阅读

相关打工人最爱技能：JavaScript的未来会走向何方？

![format_png][] 全文共5429字，预计学习时长14分钟 ![format_png 1][] 图源：unsplash 作为一个见证了过去17年

矫情吗；*/ 2022年12月23日 03:24/ 0 赞/ 163 阅读

相关使用JavaScript实现时间的走向

大家好鸭！！！现在看一眼运用Js和定时器来实现时间的管理。 <script text="/javascript"> // 用js来写时

我不是女神ヾ/ 2022年09月07日 14:36/ 0 赞/ 122 阅读

相关用JavaScript实现简单时间显示

运用JavaScript技术，输出系统当前时间到指定位置。代码： <!DOCTYPE HTML> <html> <head> <meta

蔚落/ 2022年07月13日 06:24/ 0 赞/ 187 阅读

相关基于当前时间的随机函数的实现（JavaScript）

主要基于当前时间的秒数，用`getSeconds()`来获取，返回一个0~59之间的数字，在除以59，得到0~1之间的随机数，然后再根据需要生成的随机数范围，进行计算。我的计算

亦凉/ 2022年07月13日 03:22/ 0 赞/ 155 阅读

相关 javascript 优雅实现时间格式化

有的时候，我们需要一定格式的时间比如 2017-05-12 08:48 这样的格式。上代码先时间格式化第一种 function format

蔚落/ 2022年06月16日 09:37/ 0 赞/ 195 阅读

相关 Javascript实现时间倒计时

这里使用的是Date日期类 <!DOCTYPE html> <html> <head> <meta charset="

蔚落/ 2022年06月12日 03:55/ 0 赞/ 341 阅读

相关走向边缘的设计模式

在起草本篇博文之前，关于这个题目该如何命名斟酌了好久，随着互联网技术的兴起和日异月新的发展，代码设计上的美感比起为达目的面向服务编程已经变得微乎其微。本来想起名为“走向灭亡的设

ゝ一纸荒年。/ 2022年06月06日 01:10/ 0 赞/ 174 阅读

相关走向JVM

1，Jvisualvm ![20130501234123562][] [20130501234123562]: /images/2022030

心已赠人/ 2022年03月01日 08:57/ 0 赞/ 201 阅读

相关使用Javascript显示时间

how to use javascript show the time? code: < html > < head > < script type ="

今天药忘吃喽~/ 2021年11月16日 12:40/ 0 赞/ 535 阅读