js实现动态显示时间(setInterval())

最新推荐文章于 2024-05-17 14:01:49 发布
最新推荐文章于 2024-05-17 14:01:49 发布
阅读量6.3k 收藏 2
点赞数 1
分类专栏： # javascript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cherishSpring/article/details/51921406
版权
<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script type="text/javascript">
            //系统时间对象
        window.onload = function(){
            
            function fn(){
            var mytime = new Date();
            var iYear = mytime.getFullYear();
            var month = mytime.getMonth()+1;
            var  day= mytime.getDate();
            var weekend = mytime.getDay();
            var hour = mytime.getHours();
            var min = mytime.getMinutes();
            var s = mytime.getSeconds();
            var str;
            if(weekend == 0){
                str = "星期日";
            }else if(weekend == 1){
                str = "星期一";
            }else if(weekend == 2){
                str = "星期二";
            }
            else if(weekend == 3){
                str = "星期三";
            }
            else if(weekend == 4){
                str = "星期四";
            }
            else if(weekend == 5){
                str = "星期五";
            }
            else if(weekend == 6){
                str = "星期六";
            }
            document.body.innerHTML = iYear+"年"+month+"月"+day+"日"+str+" "+hour+":"+formats(min)+":"+formats(s);
            }
            
            function formats(str){
                if(str < 10){
                    return "0"+str;
                }else{
                    return str;
                }
            };
            //每个函数其实都是有返回的，当我开始直接写str = "0"+ str.却没有写在return，结果显示的都是undefined。
            //即使你不写,函数默认都是返回undefined
            var timer = setInterval(fn,1000);
        }
        
            
        </script>
    </head>
    <body>
        
    </body>
</html>

cherishSpring
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js实现动态显示时间效果
10-20
本文将深入探讨如何使用JavaScript来实现动态显示时间的效果。 首先，我们需要创建一个HTML页面作为展示的容器。在提供的代码示例中，可以看到一个简单的HTML结构，包括`<html>`、`<head>`和`<body>`标签。`<head>`...
js基础之setTimeout与setInterval原理分析
夕山雨的博客
07-06 5621
基本原理 setTimeout(func, delay, args)：设置超时调用，经过delay时间后，将func函数加入到执行队列中准备调用。如果队列为空，立即执行该函数，否则等待线程空闲再执行。 setInterval(func, interval, args)：设置 ...
JS使用setInterval()计时器方法实现简单当前时间动态显示
qq_44061998的博客
04-03 782
主要使用了setInterval()方法和Date()的属性和方法
js 动态设置时间显示，判断时间间隔，时间格式化
weixin_41173973的博客
05-17 561
时间日期格式显示
JavaScript 时间间隔函数setinterval
weixin_47906106的博客
12-14 2796
setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 语法格式： 函数：每隔1000毫秒执行一次function; setinterval（“function()",1000) 实例 setInterval(function(){ var date=new Date(); var year=date.getFullYear(); //获取当前年份 var month=date.getMonth()+1; //获取当前月份
HTML中详述setInterval（）方法与setTimeout（）方法区别
m0_46383618的博客
07-18 1537
setInterval（） 用法：setInterval（“方法名”，时间）; 作用：每隔一段时间执行一次方法。 代码示例： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="查询" onclick="ju
html setInterval
2301_76967992的博客
03-12 308
这样，在页面卸载时，即使用户离开页面或者跳转到其他页面，定时器也会被清除，从而避免了内存泄漏或者无用的网络请求。添加了setInterval(updateData, 3000) 如何在页面跳转时关掉。进行定时更新数据时，为了在页面跳转时能够关闭定时器，您需要在页面卸载事件（例如。当你需要在网页中添加。事件）中清除定时器。
JS实现日期时间动态显示的方法
10-23
要实现动态显示日期时间，我们可以利用`setInterval()`函数，这是一个JavaScript的定时器，它可以按照指定的时间间隔重复执行一个函数。在这个例子中，我们设置`setInterval`每1000毫秒（即1秒）执行一次，更新页面...
html+js实现动态显示本地时间
01-19
代码如下: <span xss=removed><... <span xss=removed> </span> [removed] <span xss=removed> </span> setInterval(“test()”,1000); function test () { <span xss=removed> </span>var a= new Date();
JavaScript实现同步于本地时间的动态时间显示方法
10-24
<title>JavaScript动态时间显示 <span id="clock"></span> function clock() { var time = new Date().toLocaleString(); document.getElementById("clock").innerHTML = time; } // 每秒更新一次时间...
实现一个打点计时器
Locker的博客
08-10 963
实现一个打点计时器，要求 1、从 start 到 end（包含 start 和 end），每隔 100 毫秒 console.log 一个数字，每次数字增幅为 1 2、返回的对象中需要包含一个 cancel 方法，用于停止定时操作 3、第一个数需要立即输出 答案代码： function count(start, end) { console.log(start) var timer = setInterval( function(){ if(st
计时器 详细介绍
信念之于人，犹翅膀之于鸟，信念是飞翔的翅膀
08-21 665
喜欢上前端的开始 喜欢上前端的第一天 以前不怎么喜欢前端，从今天开始对此有了一定深入的了解之后，便慢慢的开始由心而发的一种喜欢。 今日学习内容 定时器是什么 定时器的具体方法由Window对象提供，共有以下两种定时器: 延迟执行:指的是指定程序代码在指定时间后被执行，而不是立即被执行。 周期执行:指的是指定程序代码在指定时间为间隔，重复被执行。 目前，HTML页面中多数动态效果，以及动画效果等均由定时器内容完成。 延迟执行 <!DOCTYPE html> <html lang="en"&g
html每隔时间调用函数,HTML DOM setInterval()、clearInterval() 方法总结
weixin_39562554的博客
06-04 674
js 间隔时间执行函数循环：每隔1秒执行一次window.setInterval(infospan, 1000);一次：等待5秒后执行window.setTimeout(infospan, 500);js的setInterval()每隔指定的时间就执行对应的函数setInterval()函数的语法如下：setInterval (code,milliseconds[,args...])// 每隔5秒...
js setInterVal()实时显示时间、日期
正在加载
01-10 3038
js setInterVal()实时显示时间、日期 window.onload = displayDate; function displayDate(){ var date = new Date(); var year = date.getFullYear(); var month = date.getMonth()+1; month = ((month < 10
利用setInterval()方法实现在页面上显示实时时间
be_perfunctory的博客
07-19 3015
效果图: 代码如下： <body> <divid='time'></div> <script> window.onload=function(){ //每1秒刷新时间 setInterval("NowTime()",1000); } functionNowTime(){ ...
前端显示动态时间（定时器）
q584508202的博客
02-28 440
【代码】前端显示动态时间（定时器）
React 关于setInterval（定时器）实时显示当前时间并在页面自动更新时间
m0_64033608的博客
11-15 1711
6.#字符内修改为this.state.newTime = moment().format(‘YYYY-MM-DD HH:mm:ss’)3.使用moment() 举例:当前时间:moment().format(‘YYYY-MM-DD HH:mm:ss’)5.在render(){这里使用setInterval(()=>{#}/function(){#},Time)}该文只是初学者的分享。4.获取时间在state={React想要获取时间。
JavaScript中定时器的练习
plannothing的博客
08-22 832
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ /* * 使图片可以自动切换 */ //获取img标签 var img1 = document.getE
JS 定时器setInterval()
m0_46580493的博客
11-14 4947
JS 定时器setInterval()
uniapp获取系统时间实现动态显示
最新发布
07-19
在UniApp中获取系统当前时间并动态显示，你可以通过使用`uni.getSystemInfoSync()`方法获取设备信息，其中包括日期和时间。下面是一个简单的示例： ```javascript Page({ data() { return { currentTime: '' };...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值