新建一个html文件,定名为test.html,用于讲解js实现点击按钮,指定文字颜色闪三秒钟就遏制 。
文章插图
2在test.html文件内, 利用p标签建立一段文字,对此中部门文字利用span标签包抄,span标签内的文字将用于实现闪灼结果 。
文章插图
3在test.html文件内, 利用button标签建立一个按钮,并绑定onclick点击事务,当按钮被点击时,执行stopColor()函数 。
文章插图
4在test.html文件内,建立一个changeColor函数,用于实现文字的闪灼结果 。
文章插图
5在changeColor函数内,利用css方式设置span内文字的颜色,colorFlag变量用于实现两种颜色的切换 。
文章插图
6在test.html文件内,再建立一个stopColor()函数,在函数内,利用setInterval方式每500毫秒执行一次changeColor函数,实现文字的闪灼结果 。 再利用setTimeout方式在3秒后,利用clearInterval()方式断根按时器,实现闪灼文字结果的遏制 。
文章插图
7【js实现点击按钮,指定文字颜色闪三秒钟就停止】在浏览器打开test.html文件,点击按钮,查看实现的结果 。
文章插图
文章插图
以上内容就是js实现点击按钮,指定文字颜色闪三秒钟就停止的内容啦,希望对你有所帮助哦!
推荐阅读
- 如何让谷歌浏览器实现访问谷歌应用商店
- 用js实现两个input输入框里的数字相加
- wps段落布局按钮隐藏了怎么出来
- 怎样把两个支付宝帐户关联起来 实现实名认证
- 如何在网页中定义实现两个数互换的函数
- Windows10怎么样设置任务栏按钮显示角标
- win10开始菜单任务栏点击无反应的解决办法
- 儿童是谁教育在哪儿李静
- Excel一键实现区域内容在下标和常规间切换技巧
- C++:汉明距离的实现