js实现简单的网页时钟

<!DOCTYPE html>
<html><head><meta charset="{CHARSET}"><title>网页时钟</title><!--定时器：有两种定时器属于window对象的两个方法：window.setInterval("任务"，毫秒值)：每经过多少毫秒执行此任务（重复执行）window.setTimeout("任务"，毫秒值)：经过多少毫秒后执行一次步骤：1.创建Date对象拼接时分秒2.获取span标签对象3.设置span标签对象的innerHTML属性4.设置定时器：每经过1000毫秒执行任务（前面的1.2.3）--></head><body>当前系统时间为：<span id = "spanTip"></span></body><script>/*function genDate(){//如何设置span标签的innerHTML属性//1.通过id属性获取span标签//注意：span标签对象的获取一定要先加载span标签var spanTip = document.getElementById("spanTip");//2.设置span标签对象的innerHTML属性spanTip.innerHTML = "hello！";}*/function genDate(){//1.创建Date对象拼接时分秒var date = new Date();//拼接时间var dateStr = date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日&nbsp;&nbsp"+date.getHours()+"时"+date.getMinutes()+"分"+date.getSeconds()+"秒";//2.获取span标签对象var spanTip = document.getElementById("spanTip");//3.设置span标签对象的innerHTML属性spanTip.innerHTML = dateStr;}//4.设置定时器：每经过1000毫秒执行任务（前面的1.2.3）window.setInterval("genDate()",1000);</script>
</html>

效果：

js实现简单的网页时钟相关推荐

php简单网页制作代码,用HTML和CSS以及JS制作简单的网页菜单界面的代码
这篇文章主要介绍了使用HTML+CSS+JS制作简单的网页菜单界面,这个ABROAD项目所使用的JavaScript部分代码非常简单,需要的朋友可以参考下写ABROAD项目用到了标签这个东东,其实标 ...
HTML+CSS+Javascript制作简单版网页时钟
HTML+CSS+Javascript制作简单版网页时钟 <!DOCTYPE html> <html><head><meta charset="ut ...
js怎么制作html的主题,用HTML和CSS以及JS制作简单的网页菜单界面的代码
写ABROAD项目用到了标签这个东东,其实标签在WEB上到处可见,图中就依次显示了DCC文章发布器.ABROAD后台添加数据.百度图片搜索.sf发布博客文章时贴标签的样式--标签就像浏览器里原生的ch ...
JS实现简单的网页文本转语音阅读
SpeechSynthesisUtterance主要用来构建语音合成实例,speechSynthesis大概用来触发浏览器语音模块,让浏览器把内容读出来. SpeechSynthesisUtteran ...
用js html写个抽奖页面,用JS实现简单的网页抽奖
我们在上网做问卷调查或投票结束后,时常都会遇到抽奖,不过基本都是假的哈.下面将由简单的js代码来实现一下. 首先思路:1.写出需要的HTML和CSS样式 2.js实现滚动,停止,弹出奖品框.文中所示的 ...
如何用html弄出抽奖的网页,用JS实现简单的网页抽奖
我们在上网做问卷调查或投票结束后,时常都会遇到抽奖,不过基本都是假的哈.下面将由简单的js代码来实现一下. 首先思路:1.写出需要的HTML和CSS样式 2.js实现滚动,停止,弹出奖品框.文中所示的 ...
JS实现简单的网页新闻无缝滚动
方法简单,直接上代码: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> ...
一键换肤代码html,js实现简单的网页换肤效果
中心思想:网页换肤的原理就是通过调用不同的样式表文件来实现不同的皮肤切换,并且需要将换好的皮肤计入Cookie中,这样用户已下次访问时,就可以显示用户自定义皮肤了步骤: 1.在设计HTML代码时,用 ...
html,css,js,简单的网页留言板
效果如图: 实现代码如下: html代码: <!DOCTYPE html> <html> <head lang="en"> <meta c ...

js实现简单的网页时钟

js实现简单的网页时钟相关推荐

最新文章

热门文章