js写个小时钟
2021/6/3 18:27:48
本文主要是介绍js写个小时钟,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
原生js写个小时钟一.代码
今天美化博客园自学的哈,分享一下
<!--标题变成时钟--> <div id="Header1_HeaderTitle"></div> <script> function get_time() { var obj = new Date(); var hour = obj.getHours(); var min = obj.getMinutes(); var seconds = obj.getSeconds(); if (parseInt(seconds)<10)seconds='0'+seconds; if (parseInt(hour)<10)hour='0'+hour; if (parseInt(min)<10)min='0'+min; var time = hour + '时' + min + '分' + seconds + '秒' var title = document.querySelector('#Header1_HeaderTitle') title.innerText = time } setInterval('get_time()',1000) setInterval(function () { console.log(1) },1000) </script>
二.思路
1.获取时间
2.循环执行获取时间
3.把时间写在页面中
这篇关于js写个小时钟的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-27使用js将ETH账户的资产打散其他账户web3
- 2024-09-27我轻松地将我的 React.js 应用程序翻译成了多种语言。下面是我是如何做到的... ??
- 2024-09-27?? 使用 useMemo 和 useCallback 加速 React:告别缓慢的重新渲染!??
- 2024-09-27Vue CLI多环境配置教程:新手入门指南
- 2024-09-27Vue CLI多环境配置教程:快速入门指南
- 2024-09-27Vue CLI教程:新手入门指南
- 2024-09-27Vue CLI教程:初学者快速入门指南
- 2024-09-27Vue3公共组件教程:入门与实践
- 2024-09-27Vue3公共组件教程:新手入门指南
- 2024-09-27Vue3教程:初学者快速入门指南