在HTML的数据标题中添加#id

时间:2019-03-09 10:36:30

标签: javascript php html css

<script>	
		

var currentDate = new Date(new Date().getTime() + 24 * 60 * 60 * 1000);
var day = currentDate.getDate();
var month = currentDate.getMonth() ;
var year = currentDate.getFullYear();
 //alert(year);
// Set the date we're counting down to

var countDownDate = new Date(year, month, day,12).getTime();

// Update the count down every 1 second
var x = setInterval(function() {

    // Get todays date and time
    var now = new Date().getTime();

    // Find the distance between now an the count down date
    var distance = countDownDate - now;
    // Time calculations for days, hours, minutes and seconds
    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
    document.getElementById("demo").innerHTML = hours + " : "
    + minutes + " : " + seconds;

    // If the count down is over, write some text 
    if (distance < 0) {
        clearInterval(x);
        document.getElementById("demo").innerHTML = "EXPIRED";
    }
}, 1000);	
	</script>
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .8);
}

@media (min-width: 992px)
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 10px;
    padding-left: 10px;
}

@media (min-width: 768px)
.d-md-inline-block {
    display: inline-block!important;
}

.ya {
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    font-family: nucleo;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.ya-content::before {
    content: "\E015";
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<li class="nav-item">
                            <a class="nav-link" >
                                <span class="d-none d-md-inline-block">global Time : <td><i class="ya ya-content" data-toggle="tooltip" data-placement="bottom" data-title="demo"></i></td></span>
                            </a>
                        </li>

您可以看到我想做的所有事情就是将id = demo放入HTML代码的data-title中 但是我怎么把它放在html上呢? 我试着使它成为data-title-id =“ demo”,但根本没有用 谁能帮助我解决这个问题? 谢谢 ........................................ ........................... .............. .......

0 个答案:

没有答案