网页时钟案例(js)

简介: 网页时钟案例(js)

网路时钟案例


<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>网页时钟</title>
<script>
  function newDate(){
    //1创建日期对象
    var date = new Date() ;
    //2拼接日期字符串:日期 时间
    var dateStr = date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+"&nbsp;&nbsp;"
    +date.getHours()+":"+date.getMinutes()+":"+date.getSeconds() ;
    //3)想要将dateStr字符串放置到span的文本中,必须获取span标签对象
    var span = document.getElementById("spanTip") ;
    //设置span标签对象文本内容  innerHTML
    span.innerHTML = dateStr ;
  }
  //设置定时器
  //window.setInterval("任务()",“每经过多少毫秒”) :每经过多少毫秒重复执行这个任务
  //window.setTimeout("任务()","毫秒数"):经过多少毫秒后执行一次这个任务
  setInterval("newDate()","1000") ; //每1000毫秒重复执行  newDate()这个任务!
</script>
  </head>
  <body>
     当前系统时间是:<span id="spanTip"></span>
</html>
目录
相关文章
|
8天前
|
数据采集 存储 JavaScript
JS逆向案例:巨潮资讯数据采集
JS逆向案例:巨潮资讯数据采集
9 0
|
14天前
|
JavaScript API 图形学
一个案例带你从零入门Three.js,深度好文!
【8月更文挑战第1天】本教程无需任何Threejs知识!本教程以入门为主,带你快速了解Three.js开发
44 2
一个案例带你从零入门Three.js,深度好文!
|
5天前
|
前端开发 JavaScript 开发者
fuse.js前端搜索简单使用的三个案例
通过这三个例子可以看出,Fuse.js 是一个功能丰富、易于实现的前端搜索库。它使开发者能够便捷地实现从基础到高级的搜索功能,无论是简单的列表搜索还是实时的搜索建议,都能够高效、精确地提供给用户所需的信息。
12 0
|
1月前
|
JavaScript
网页CAD(JS Vue 预览dwg)如何二次开发常用的CAD编辑功能
```markdown # CAD网页编程概览 - 使用mxcad库,实现CAD操作如删除、复制、镜像、移动和旋转。 - `erase()`方法删除实体,`clone()`配合`transformBy()`用于复制和编辑。 - `mirror()`和`transformBy(setMirror)`执行镜像操作,基于参考线。 - `move()`和`transformBy(setToTranslation)`实现移动功能。 - `rotate()`和`transformBy(setToRotation)`进行旋转,支持角度输入。 ```
网页CAD(JS Vue 预览dwg)如何二次开发常用的CAD编辑功能
|
7天前
|
JavaScript 前端开发 开发者
Vue.js 2 项目实战(四):成绩案例
Vue.js 2 项目实战(四):成绩案例
|
7天前
|
JavaScript 前端开发 开发者
Vue.js 2 项目实战(三):综合案例-小黑记事本
Vue.js 2 项目实战(三):综合案例-小黑记事本
|
7天前
|
JavaScript 前端开发 开发者
Vue.js 2 项目实战(二):图书管理案例
Vue.js 2 项目实战(二):图书管理案例
|
7天前
|
JavaScript 前端开发 开发者
Vue.js 2 项目实战(一):图片切换案例
Vue.js 2 项目实战(一):图片切换案例
|
7天前
|
移动开发 前端开发 JavaScript
学习Particles.js 给网页来点粒子特效
学习Particles.js 给网页来点粒子特效
20 0
|
1月前
|
前端开发 JavaScript
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法

热门文章

最新文章