小编agu*_*tin的帖子

Google Chrome 73已发布，并为浏览器添加了“暗模式”支持。我注意到许多图标现在看起来很糟。

有没有一种方法可以检测用户是否使用暗模式并更改图标？

我知道这里有很多问题和答案Stackoverflow,我读了很多,但都没有.

我在标题Android中澄清了WebView因为它是最重要的目标,但我希望这也适用于其他设备.我在一个安装的应用Intel XDK程序上SM-G355MAndroid 4.4.2测试了以下代码,安装在with和on Safari上的一个iPhone 5CwithiOS 9.3.4 ;

我在两种情况下得到的都是相同的价值,true(有时false甚至我有互联网连接).

我试过了:

1. navigator.onLine,它总是给出相同的价值.
2. document.addEventListener("online", ... 不会触发
3. ajax不起作用,反正不影响服务器？

代码: https ://nanilab.com/stackoverflow/webview-internet-connection.php(此链接现已中断)

选项1:

function option1(){
    var isOffline = 'onLine' in navigator && !navigator.onLine,
        text = isOffline == true ? ' without connection ' : ' connected ';

    $('.option-one span').text(text);
    $('.option-one i').text('checked').hide().fadeIn(200);

    setTimeout(function(){
        option1();
    }, …

我想创建一个输入,用户只能写纯文本,但我可以在那里获得该文本的一部分并用一些HTML替换它.

因此,举例来说,我要像一个文本转换Lorem Ipsum {{dolor}}到Lorem Ipsum <some html with data from JS object>

我有一个带有一些数据的对象.

var data = {
    dolor: {
        icon: 'https://placehold.it/16x16/',
        text: 'Dolor text'
    }
}

我想用它来获取自定义文本和图像,所以 {{dolor}}应该转换为类似的东西

<span class="image">
    <img src="https://placehold.it/16x16/">
    Dolor text
</span>

我的方法是使用CodeMirror,定义一个新模式并检测花括号,但现在我不知道如何获取这些大括号之间的内容,我不知道如何修改输出的HTML(因为CodeMirror只添加了一个cm-NameOfModeCSS类到文本).

这就是我所拥有的

var data = {
	dolor: {
		icon: 'https://placehold.it/16x16/',
		text: 'Dolor text'
	}
}

CodeMirror.defineMode( 'uoVariable', function( config, parserConfig ){
	var uoVariable = {
		token: function( stream, state ){
			var character;

			// console.log( state.inString );

			if ( stream.match( …

我想检测音频是否正在播放,如果是,则不允许再播放它直到完成.播放相同的音频两次会导致音频错误.

HTML

<button onclick="play()">Play</button> Press two times

使用Javascript:

function play() {
    var sound = new Audio('https://mfaucet.com/images/notification2.mp3');

    console.log('Paused: ' + sound.paused);
    console.log('Ended: ' + sound.ended);
    console.log('Current time: ' + sound.currentTime);

    sound.play();

    console.log('-----------------');
    console.log('Paused: ' + sound.paused);
    console.log('Ended: ' + sound.ended);
    console.log('Current time: ' + sound.currentTime);
    console.log('-----------------------------');
}

在线:http://jsbin.com/hageko/1/

谢谢.

我想创建一个网站,通过点击激活多个倒计时,其中一些具有不同的时间,其他则相同.我需要根据剩下的时间来组织它们.完成后我需要将其恢复到原来的倒计时值,这样您就可以再次点击.

我有这个:http://jsfiddle.net/arglab/m19aojmu/11/

HTML

<div id="container">
    <div class="element" id="el1"><b>element 1</b> <span class="timeout">10</span> seconds</div>
    <div class="element" id="el2"><b>element 2</b> <span class="timeout">1000</span> seconds</div>
    <div class="element" id="el3"><b>element 3</b> <span class="timeout">100</span> seconds </div>
    <div class="element" id="el4"><b>element 4</b> <span class="timeout">10</span> seconds </div>
    <div class="element" id="el5"><b>element 5</b> <span class="timeout">10000</span> seconds</div>
 </div>

使用Javascript

function timer(selector) {
    var self = $(selector);
    var sec = parseInt(self.find('span.timeout').text());
    console.log(sec)
    order++;
    var actualTime  = $('span.timeout').html();  
    console.log("Original time " + actualTime)
    self.addClass('selec').css('order',order+'');
    var interval = setInterval(function() {
        sec--;
        console.log(sec)
        if (sec >= …