JavaScript计数器

最新推荐文章于 2023-08-24 10:11:27 发布
最新推荐文章于 2023-08-24 10:11:27 发布
阅读量331 收藏
点赞数 1
分类专栏： 前端学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BeLoved_Code/article/details/103738847
版权

在这里插入图片描述
点击加号数值加1，减号数值减1
核心是innerHTML属性
innerHTML：属性设置或返回表格行的开始和结束标签之间的 HTML
如图数字显示的位置是span标签体里的内容
在这里插入图片描述
个人理解：可以设置并返回标签体的内容
设置：设置了span标签里的内容
返回：c被赋值成功
参考自https://www.runoob.com/try/try.php?filename=tryjsref_elmnt_innerhtml

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var count=0;
			document.getElementById("num").innerHTML=count;
			var c = 0;
			function add(){
				count++;
				document.getElementById("num").innerHTML=count;
				c=document.getElementById("num").innerHTML;
				alert(c);
			}
			function sub(){
				count--;
				document.getElementById("num").innerHTML=count;
			}
		</script>
		<span id="num"></span>
		<button onclick="add()">加</button>		
		<button onclick="sub()">减</button>		
	</body>
</html>
小杨与bug的斗争
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
教你用JavaScript制作计数器
小院里的霍大侠
12-07 1348
关注我，学习更多简单易懂的编程实战案例。进主页获取更多编程/就业/副业/创业/资源。
purecounterjs:一个简单但可配置的本地javascript计数器，您可以依靠它
05-12
一个简单但可配置的本地javascript计数器，您可以依靠它。 1.4kb GZIPPED轻量级Javascript计数器 演示版 安装 NPM npm i --save @srexi/purecounterjs 在您的app.js中，像往常一样导入并初始化模块。 import ...
JavaScript 计数器
weixin_47906106的博客
12-27 816
<script> var r = 0, l = 0; var timer function doStart() { // 点击开始的时候停止按钮不能点击 $('start').disabled = true; $('stop').disabled = false; timer = setInterval(functi...
javascript计数器
百威
02-27 111
转载：http://hi.baidu.com/javajavajava/blog [code="java"] New Document [/code]
Javascript (计时器）
linlinaitangtang的博客
04-11 786
var timer=setInterval(参数1，参数2）间隔参数2时间,执行一次参数1里的代码。 参数1：待执行的js代码串或调用的函数。 参数2：间隔时间 单位 毫秒。（ms） setInterval("console.log(123)", 1000) 而另外还有一个间隔一段时间后才执行相应代码的方法 setTimeout（）方法 关闭/情书计时器——clearinteral. 字符串（构造函数） var str="";=var str=new string("abc")
JavaScript实现计数器基础方法
11-28
本文实例为大家分享了js实现计数器的具体代码，供大家参考，具体内容如下 通过使用 JavaScript，设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。称之为计时事件。 在 JavaScritp 中使用计时事件是...
使用JavaScript制作一个简单的计数器的方法
10-23
主要介绍了使用JavaScript制作一个简单的计数器的方法,用于计算网页用户的来访次数,需要的朋友可以参考下
JavaScript实现从1到10计数器
04-14
JavaScript实现从1到10计数器（直接在浏览器打开网页就可以看到效果。）
JavaScript——计数器（基础）
疯纸的博客
10-10 3062
通过使用 JavaScript，设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。称之为计时事件。
javascript计算器
suyogi的专栏
10-13 5387
计算器                                                                                                         var FKeyPad = document.forms[Keypad];var Accum = "0";var FlagNewNum = false;var PendingOp
JavaScript练习--[实现简易计数器]
从零开始的异世界JAVA学习
07-15 682
实现简易计数器 可进行三个操作,开始计数,暂停计数,复位操作 (使用计时函数事件) <html> <head> <meta charset="utf-8"> <title>简易计数练习</title> <style type="text/css"> /* 取消浏览器默认属性 */ *{ margin: 0px; padding: 0px; } /* 设置span标签位置 */ .
leetcode — JavaScript专题（五）：计数器 II、只允许一次函数调用、 创建 Hello World 函数、将对象数组转换为矩阵、节流、分块数组
weixin_46463785的博客
05-19 1335
leetcode — JavaScript专题（五）：计数器 II、只允许一次函数调用、 创建 Hello World 函数、将对象数组转换为矩阵、节流、分块数组
解决限制输入框数字不能为负数
huxihua2006的博客
08-24 1897
解决限制输入框数字不能为负数
Vue实现计数器的学习笔记
03-10 409
效果图如下： 点击加号技术开始加1，点击减号计数开始减1 源代码如下： 实现了两种方式，1种直接修改变量值，一种调用函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2>当前计数为{{c
使用 JavaScript 在网站上实现计数功能
追求卓越
12-25 1548
这样，你就可以在网站上使用 JavaScript 实现简单的计数功能了。你也可以使用其他方法来实现更复杂的计数功能，比如使用计时器来实现自动计数。首先，你需要在网页中放置一个元素，用来显示计数的值。比如，可以使用一个段落元素。接下来，你可以通过添加事件监听器来在用户点击某个按钮时执行计数操作。，并在其中设置一个 id，便于在 JavaScript 中访问。然后，你可以在 JavaScript 中使用。方法获取该元素，并使用。
js计数器，闭包计数器
雪雷-的专栏
04-28 2104
内部函数访问外部变量导致变量在内存中未被回收。var fun = (function() { var x = 0; return function() { console.log(++x); }; })();var foo = document.querySelector('.foo'); foo.addEventListener('click', (func
javascript脚本计数器
最新发布
10-09
当你说"javascript脚本计数器"时，我不确定你具体指的是什么类型的计数器。但是，我可以给你提供一个简单的示例来创建一个基本的计数器。 ```javascript <!DOCTYPE html> <html> <head> <title>JavaScript 计数器</title> </head> <body> <h1 id="counter">0</h1> <button onclick="increment()">增加</button> <button onclick="decrement()">减少</button> <script> let count = 0; const counterElement = document.getElementById("counter"); function increment() { count++; counterElement.textContent = count; } function decrement() { count--; counterElement.textContent = count; } </script> </body> </html> ``` 这个例子创建了一个包含两个按钮和一个初始值为0的标题元素的简单网页。点击“增加”按钮会将计数器增加1，点击“减少”按钮会将计数器减少1。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值