JS代码+CSS样式达成一个动态时钟效果
发布时间：2022-04-20 09:12:59 所属栏目：语言 来源：互联网
导读：时钟是我们查看时间的一种工具，很多人家家里都会摆放一个时钟，那么我们用代码能实现一个时钟效果吗？答案是可以用的，这篇文章主要教大家用JS代码配合CSS样式来实现一个动态的时钟效果，效果如下图所示，下面我们一起来学习下。 知识点总结： document.que
|
时钟是我们查看时间的一种工具，很多人家家里都会摆放一个时钟，那么我们用代码能实现一个时钟效果吗？答案是可以用的，这篇文章主要教大家用JS代码配合CSS样式来实现一个动态的时钟效果，效果如下图所示，下面我们一起来学习下。 知识点总结： document.querySelector（）方法返回文档中匹配指定 CSS 选择器的一个元素。 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 HTML+js部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="shiying.css" > <title>Document</title> </head> </script> </body> </html> CSS部分 *{ margin:0; padding:0; box-sizing: border-box; （编辑：常州站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
