js计时器

最新推荐文章于 2022-06-02 00:31:02 发布
最新推荐文章于 2022-06-02 00:31:02 发布
阅读量49 收藏
点赞数
分类专栏： 前端 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43534980/article/details/117970143
版权 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>计时器</title>
</head>
<body>
<p id='dd'></p>
<button onclick="clearInterval(ll)">点我停止</button>

<script>
function myFunction() {
    ll = setInterval(daojishi, 500);
}

function daojishi(){
	var date = new Date()
	hour = date.getHours()
	
	if (hour<10){
		hour = "0" + hour
	}
	
	document.getElementById('dd').innerText = date.getFullYear() + "/"+ date.getMonth() + "/" +
	date.getDate() +"  " + hour + ":" + date.getMinutes() + ":" + date.getSeconds()
	// console.log(date.getFullYear())
}
myFunction();
</script>

</body>
</html>

结果展示
在这里插入图片描述

那个雨季
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript计时器示例分析
10-24
主要介绍了JavaScript计时器示例分析,需要的朋友可以参考下
js计时器源码文档资料
02-05
js计时器
javascript计时器详解
10-24
主要详细介绍了javascript计时器的相关资料,十分全面详尽，需要的朋友可以参考下
js计时器数字卡片翻转秒表计时器网页特效
12-07
js计时器数字卡片翻转秒表计时器网页特效
js实现内置计时器
12-13
计时器对于图片轮播和倒计时之类的与时间相关的项目有着很大的联系，它是实现这些的核心语法，如何一次深刻理解js计时器？往下看你就知道，有惊喜哦！ js计时器有两种，一种为延时后单次的执行，另一种为延时多次...
echarts之地球绘制
qq_43534980的博客
09-12 1535
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>echarts_3D_earth</title> <script src="./lib/jquery-1.11.3.mi...
nodejs实现服务端用户的增删改查（一）
qq_43534980的博客
04-05 1105
// 搭建网站服务器，实现客户端与服务器端的通信 // 连接数据库，创建用户集合，向集合中插入文档 // 当用户访问/list时，将所有用户信息查询出来 // 实现路由功能 // 呈现用户列表页面 // 从数据库中查询用户信息 将用户信息展示在列表中 // 将用户信息和表格HTML进行拼接并将拼接结果响应回客户端 // 当用户访问/add时，呈现表单页面，并实现添加用户信息功能 // 当用户访问/modify时，呈现修改页面，并实现修改用户信息功能 // 修改用户信息分为两大步骤 // 1.增.
css学习之元素的高度、宽度、背景颜色、背景图片及位置（二）
qq_43534980的博客
04-23 930
三种选择器优先级 Id选择器（选一个） class选择器（选多个） 元素选择器 （选一种元素） 2.尺寸： h1{ background-color: red; /*元素的高度，可以设置固定长度 */ height: 500px; /* 元素的高度，可以设置百分比 */ width: 60%; /*对于单行文本设置line-height=元素的height可以使其居中*/ line-height: 500px; } 示例截图： 3.背景颜色的详细说明 h.
前端：防抖代码
qq_43534980的博客
06-29 305
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>开始</title> </head> <body> <input id='app' type=text /> <script type="text/javascript"> // 防抖：用于触发请求过于频繁，只取最后一次 input =.
Promise之fetch（二）
qq_43534980的博客
08-18 288
1. fetch的基本使用，fetcg是基于promise的封装的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> /* Fetch API 调用.
html学习笔记之for表单（五）
qq_43534980的博客
04-18 223
form表单，待完善 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="post" > <!-- label中的for属性使用input中的id 可以绑定--> <label for="user">用户名
Promise之async(四)
qq_43534980的博客
08-18 201
1.async的基本用法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript" src="js/axios.js"></script> <scrip
js之浅拷贝和深拷贝
qq_43534980的博客
03-20 179
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.
使用vue脚手架创建项目
qq_43534980的博客
05-22 160
1. 安装（目前默认是vue-cli3） npm install -g @vue/cli vue create myproject 2. 基于vue2.x的旧模板，创建旧版的vue项目 vue cli3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具 npm install -g @vue/cli-init vue init webpack my-project 3.v
html学习笔记之内嵌页面iframe（三）
qq_43534980的博客
04-18 132
内嵌页面iframe <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body style="height: 100%"> <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
复习之css(一)
qq_43534980的博客
06-02 107
/*首行缩进2个字 em 1个em 就是1个字的大小*/ text-indent: 2em; a. 块级元素(block-level) 常见的块元素有~、、、、、等，其中标签是最典型的块元素 块级元素的特点 （1）比较霸道，自己独占一行 （2）高度，宽度、外边距以及内边距都可以控制。 （3）宽度默认是容器（父级宽度）的100% （4）是一个容器及盒子，里面可以放行内或者块级元素。注意：只有 文字才 能组成段落 因此
Promise之axios(三）
qq_43534980的博客
08-18 99
1. axios的基本用法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript" src="js/axios.js"></script> <scr.
css学习之字体，文本（三）
qq_43534980的博客
04-29 96
1.字体大小： a. font-size会逐级传递，默认是16px b. 若单位为em，则表示：相对于直接上级的元素的字体大小来设置大小 c.若单位为rem, 相对于html的元素字体大小来设置大小 d.百分比，相对于元素自身的大小来设置大小（上级的font-size会传递给子的） 结果展示如下： 以上可以看出选择器的优先级，id的优先级>class的优先级>标签 2.其他字体属性： 示例： h1{ /* font-size: 20px; */ /* font-family: "b
Promise(一)
qq_43534980的博客
08-18 95
1. Promise的基本用法： function foo() { return new Promise(function(resolve, reject){ setTimeout(function(){ // resolve(123); reject('error'); }, 100); }) } // foo() // .then(function(data){ //
javascript 计时器
最新发布
04-01
JavaScript 提供了多种计时器函数，可以用来实现倒计时、延时执行等功能。 1. setTimeout()：延时执行一次指定的函数。 示例： ``` setTimeout(function() { console.log('延时执行'); }, 2000); // 延时 2 秒...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值