几种实用的JavaScript鼠标特效,在我们平时网页设计中,鼠标特效可以说是常常会用到,那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效,希望对大家有用。......
2023-03-17 528 JAVASCRIPT 鼠标
在网页上显示当前系统时间?两三行JavaScript代码即可搞定?不信,让我们来试一试!
第一步,先来写一个简单的html页面,用来展示当前系统时间
第二步,引入一对script标签来写JS代码。首先来获得当前时间并打印出来,可以看到当前时间是:Thu Dec 07 2017 21:08:40 GMT 0800 (中国标准时间)
第三步,系统时间获取到了,接下来只需要获取对应的时分秒,然后打印出来
第四步,获取用来显示时间的div,两种获取方法都可以,个人比较喜欢querySelector,这个选择器可以获取很多元素
第五步,把获取到的时分秒信息装入div里面。注释的方法里面进行了优化,当时间为个位数时加0显示,这里用到了一个三目运算符
第六步,将以上代码封装到一个sayTime()函数里面,并且调用一个定时器setInterval,每隔一秒更新一下当前时间
最后说两句,这里只是简单的实现了如何在网页上显示当前时间,明白原理之后其实很简单,希望能帮到你!如果觉得有用,请点赞投票支持一下,谢谢^_^^_^!!
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: JAVASCRIPT
相关文章
几种实用的JavaScript鼠标特效,在我们平时网页设计中,鼠标特效可以说是常常会用到,那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效,希望对大家有用。......
2023-03-17 528 JAVASCRIPT 鼠标
如何开始学习javascript,html是网页的内容,c是网页的格式,h是网站的后台,j是网站的前端,那么如何学习j,才能高效?......
2023-03-17 256 JAVASCRIPT