码迷,mamicode.com
首页 > 编程语言 > 详细

javascript动态改变当前页面中元素的状态行为

时间:2016-12-23 19:07:32      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:htm   alt   rip   技术   元素   date   ons   script   动态改变   

技术分享

function Datea() {


var timed = document.getElementById(‘timed‘);
var t = setInterval(function TDate() {
var d1 = new Date()
var h = d1.getHours();
var m = d1.getMinutes()
var s = d1.getSeconds()
//要判断如果h,m,s小于10的情况
h1 = h < 10 ? ‘0‘ + h : h
m1 = m < 10 ? ‘0‘ + m : m
s1 = s < 10 ? ‘0‘ + s : s
var str = h1 + ‘:‘ + m1 + ‘:‘ + s1;
// console.log(str)
if (str >= ‘00:00:00‘ && str < "12:00:00") {
timed.innerHTML = ‘上午好‘
return
} else if (str >= "12:00:00" && str < "18:00:00") {
timed.innerHTML = ‘下午好‘
return
} else if (str >= "18:00:00" && str < "24:00:00") {
timed.innerHTML = ‘晚上好‘
return
}

}, 1000)
}
Datea();

javascript动态改变当前页面中元素的状态行为

标签:htm   alt   rip   技术   元素   date   ons   script   动态改变   

原文地址:http://www.cnblogs.com/mhxy13867806343/p/6215752.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!